A:link, A:visited, A:active {
	text-decoration: none; 
	color: #78162D;
}
A:hover {
	text-decoration: underline; 
	color: #aa0000;
}
.otsikko{
	color: 		#551122;
	font-family: 	Verdana;
	font-weight:	Bolder;
	font-size: 		20px;
}
.otsake{
	font-weight:	Bolder;
	color: 		#000000;
	font-family: 	Verdana;
	font-size: 		12px;
}
.lieka {
	text-decoration: 	none; 
	color: 		#ddaaaa; 
	font-family:	Arial; 
	font-size: 		12px;
}
.palaute{
	width:				700px;
	padding: 			10px;
	font-family:		arial;
	font-size: 			11px;
	color: 				#772222;
	border: 			#772222 1px solid;
	background-color:	#FEF9B1;
	margin-bottom:		20px;
	}
// KELTAISEN LEIJUVALIKON VALITTAVA ARVO
.arvo_normaali {
	font-weight: 	normal;
	cursor:			normal;
	color: 			#333333; 
}
.arvo_hover {
	font-weight: 	bolder;
	cursor:			hand;
	color: 			#CC5555; 
}
.lisavalinta {
	color: 			#004400;
	font-family: 	Verdana;
	font-size: 		10px;
	cursor:			hand;
	padding:			3px 7px 3px 7px;
}
.login {
	font-weight: 	bolder;
	color: 		#A2004C; 
	font-family:	verdana; 
	font-size: 		10px;
}
.viite{
	text-decoration: 	none; 
	font-weight: 	bolder;
	color: 		#bb8888; 
	font-family:	Verdana; 
	font-size: 		8pt;
}
td.tausta td{
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	2px;
	padding-bottom:	2px;
}
td{
	color: 		#000000;
	font-family: 	Verdana;
	font-size: 		11px;
}
tr.rahtikirja td {
	font-weight:	normal;
	background-color: #FFFFFF;
	font-family: 	Arial;
	font-size: 		10pt;
	padding: 		1px 1px 2px 1px;
 	border-color: 	#000000;
	border-style: 	solid;
	border-width: 	1px;
	valign:		top;
}
tr.viivaton td{
	font-weight:	normal;
	background-color: #FFFFFF;
	font-family: 	Arial;
	font-size: 		10pt;
	padding: 		1px 1px 2px 1px;
 	border-color: 	#000000;
	border-style: 	solid;
	border-width: 	0px;
	valign:		top;
}
tr.tauluRivi td{
	background-color:	#FFFFFF; 
	border: 				#DDDDDD 1px solid; 
	border-width: 		0px 0px 1px 0px;
	padding: 			0px 0px 3px 3px;
	height:				12px;
}
tr.tauluRiviOnMouse td{
	border: 				#DDDDDD 1px solid; 
	border-width: 		0px 0px 1px 0px;
	padding: 			0px 0px 3px 3px;
	height:				12px;
}
tr.tauluRivi2 td{
	background-color:	#EEEEEE; 
	border: 				#DDDDDD 1px solid; 
	border-width: 		0px 0px 1px 0px;
	padding: 			0px 0px 3px 3px;
	height:				12px;
}
tr.tauluOtsikko td{
	background-color:	#DDDDDD; 
	padding: 			0px 0px 3px 3px;
	height:				12px;
}
tr.ylaviiva td{
	font-weight:	normal;
	background-color: #FFFFFF;
	font-family: 	Arial;
	font-size: 		10pt;
	padding: 		1px 1px 2px 1px;
 	border-color: 	#000000;
	border-style: 	solid;
	border-width: 	1px;
	border-bottom:		0px;
	border-left:	0px;
	border-right:	0px;
	valign:		top;
}
tr.alaviiva td{
	font-weight:	normal;
	background-color: #FFFFFF;
	font-family: 	Arial;
	font-size: 		10pt;
	padding: 		1px 1px 2px 1px;
 	border-color: 	#000000;
	border-style: 	solid;
	border-width: 	1px;
	border-top:		0px;
	border-left:	0px;
	border-right:	0px;
	valign:		top;
}
tr.rivi td {
	background-color: #D9D9D9;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	0px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		0px 0px 1px 2px;
}
tr.rivi25 td {
	background-color: #C5D1C4;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi20 td {
	background-color: #E9CE9D;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi31 td {
	background-color: #E28181;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi30 td {
	background-color: #ACB3C8;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi11 td {
	background-color: #C5B4B4;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi10 td {
	background-color: #F2EAEA;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi2 td {
	background-color: #999999;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi1 td {
	background-color: #D5D5D5;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi0 td {
	background-color: #E5E5E5;
 	border-color: 	#78162D;
	border-style: 	solid;
	font-family: 	Arial;
	font-size: 		12px;
	border-width: 	1px;
	border-bottom: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.rivi_noline td {
	border-style: 	solid;
	border-width: 	0px;
	border-bottom: 	0px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		1px 0px 1px 2px;
}
tr.otsikko td {
	background-color: #78162D;
 	border-color: 	#000000;
	border-style: 	solid;
	font-family: 	Arial;
	font-weight:	normal;
	color:		EAEAEA;
	font-size: 		13px;
	border-width: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		0px 0px 0px 2px;
}
tr.alaotsikko td {
	background-color: #AA9999;
 	border-color: 	#000000;
	border-style: 	solid;
	font-family: 	Arial;
	font-weight:	normal;
	color:		#000000;
	font-size: 		13px;
	border-width: 	1px;
	border-left: 	0px;
	border-right: 	0px;
	padding: 		0px 0px 0px 2px;
}

.input {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
}
.input_white {
	BORDER-BOTTOM: 	#000000 0px solid;
	BORDER-LEFT: 		#000000 0px solid;
	BORDER-RIGHT: 		#000000 0px solid;
	BORDER-TOP: 		#000000 0px solid;
	COLOR:				#331111;
	FONT-FAMILY: 		Verdana;
	FONT-SIZE: 			12px;
	BACKGROUND:			#FFFFFF;	
	HEIGHT: 				18px;
	WIDTH:				100px;
}
.input_red_old {
	BORDER-BOTTOM: 	#000000 0px solid;
	BORDER-LEFT: 		#000000 0px solid;
	BORDER-RIGHT: 		#000000 0px solid;
	BORDER-TOP: 		#000000 0px solid;
	PADDING:				1px;
	COLOR:				#AAAAAA;
	FONT-FAMILY: 		Verdana;
	FONT-SIZE: 			12px;
	BACKGROUND:			#FFEEEE;	
	HEIGHT: 				18px;
	WIDTH:				100px;
}
.input_red {
	BORDER-BOTTOM: 	#000000 0px solid;
	BORDER-LEFT: 		#000000 0px solid;
	BORDER-RIGHT: 		#000000 0px solid;
	BORDER-TOP: 		#000000 0px solid;
	PADDING:				1px;
	COLOR:				#C38A8A;
	FONT-FAMILY: 		Verdana;
	FONT-SIZE: 			12px;
	BACKGROUND:			#FFFFFF;	
	HEIGHT: 				18px;
	WIDTH:				100px;
}
.input_new {
	BORDER-BOTTOM: 	#000000 0px solid;
	BORDER-LEFT: 		#000000 0px solid;
	BORDER-RIGHT: 		#000000 0px solid;
	BORDER-TOP: 		#000000 0px solid;
	PADDING:				1px;
	COLOR:				#CC4444;
	FONT-FAMILY: 		Verdana;
	FONT-SIZE: 			12px;
	BACKGROUND:			#FFFFFF;	
	HEIGHT: 				18px;
	WIDTH:				100px;
}
.input_harmaa {
	BORDER-BOTTOM: 	#000000 0px solid;
	BORDER-LEFT: 		#000000 0px solid;
	BORDER-RIGHT: 		#000000 0px solid;
	BORDER-TOP: 		#000000 0px solid;
	PADDING:				1px;
	COLOR:				#CC4444;
	FONT-FAMILY: 		Verdana;
	FONT-SIZE: 			12px;
	BACKGROUND:			#EEEEEE;	
	HEIGHT: 				18px;
	WIDTH:				100px;
}
.input_darkred {
	BORDER-BOTTOM: 	#000000 0px solid;
	BORDER-LEFT: 		#000000 0px solid;
	BORDER-RIGHT: 		#000000 0px solid;
	BORDER-TOP: 		#000000 0px solid;
	PADDING:				1px;
	COLOR:				#000000;
	FONT-FAMILY: 		Verdana;
	FONT-SIZE: 			12px;
	BACKGROUND:			#DDAAAA;	
	HEIGHT: 				18px;
	WIDTH:				100px;
}

.input_400 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		400px;
}.input_300 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		300px;
}
.input_200 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		200px;
}
.input_150 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		150px;
}
.input_140 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		140px;
}
.input_120 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		120px;
}
.input_100 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		90px;
}
.input_80 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		80px;
}
.input_60 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		60px;
}
.input_40 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		40px;
}
.white {
	padding:				0px 0px 0px 0px;
	border-width:		0px 0px 0px 0px;
	COLOR:				#220000;
	FONT-FAMILY: 		Verdana;
	FONT-SIZE: 			11px;
	HEIGHT: 				18px;
	BACKGROUND:			#FEFDFA;	
	WIDTH: 				100px;
}
.input_20 {
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	HEIGHT: 		18px;
	BACKGROUND:		#FEFDFA;	
	WIDTH: 		20px;
}
.text_300{
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	scrollbar-Track-Color:	#eeeeee;
	scrollbar-face-color:	#cccccc;
	BACKGROUND:		#FEFDFA; 
	HEIGHT: 		50px;
	WIDTH: 		300px;
}
.text_300x100{
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	scrollbar-Track-Color:	#eeeeee;
	scrollbar-face-color:	#cccccc;
	BACKGROUND:		#FEFDFA; 
	HEIGHT: 		100px;
	WIDTH: 		300px;
}
.text_100{
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	COLOR:		#220000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		11px;
	scrollbar-Track-Color:	#eeeeee;
	scrollbar-face-color:	#cccccc;
	BACKGROUND:		#FEFDFA; 
	HEIGHT: 		50px;
	WIDTH: 		100px;
}
.nappi_old{
	BACKGROUND: 	#551122;
	BORDER-BOTTOM: 	#220000 1px solid;
	BORDER-RIGHT: 	#220000 1px solid;
	BORDER-LEFT: 	#777777 1px solid;
	BORDER-TOP: 	#777777 1px solid;
	COLOR:		#F1F1F1;
	height:		24px;
	padding: 		1px 10px 1px 10px;
}

.nappi{
	FONT-FAMILY: 			Verdana;
	FONT-SIZE: 				11px;
	height:					18px;
	COLOR:					#F1F1F1;
	BORDER-TOP-WIDTH: 	1px;
	BORDER-LEFT-WIDTH:	1px;
	BORDER-LEFT-COLOR: 	#c0c0c0;
	BORDER-BOTTOM-WIDTH:	1px; 
	BORDER-BOTTOM-COLOR: #220000; 
	BORDER-TOP-COLOR: 	#c0c0c0; 
	BACKGROUND-COLOR: 	#551122; 
	BORDER-RIGHT-WIDTH: 	1px; 
	BORDER-RIGHT-COLOR: 	#220000
	cursor:					hand;
}


/** Tästä eteenpäin Lomakkeen tyyliä **/
.l-220, .l-180, .l-400, .l-50, .l-100{
	BACKGROUND:		#FFFFFF;	
	BORDER-BOTTOM: 	#FFFFFF 0px solid;
	BORDER-LEFT: 	#FFFFFF 0px solid;
	BORDER-RIGHT: 	#FFFFFF 0px solid;
	BORDER-TOP: 	#FFFFFF 0px solid;
	COLOR:		#550000;
	FONT-FAMILY: 	Verdana;
	FONT-WIEGHT: 	bolder;
	HEIGHT: 		20px;
}
.l-400 { WIDTH: 	400px; FONT-SIZE: 14px; HEIGHT: 	20px;}
.l-180 { WIDTH: 	180px; FONT-SIZE: 12px; HEIGHT: 	16px;}
.l-220 { WIDTH: 	220px; FONT-SIZE: 12px; HEIGHT: 	16px;}
.l-100 { WIDTH: 	100px; FONT-SIZE: 12px; HEIGHT: 	16px;}
.l-50  { WIDTH: 	50px;  FONT-SIZE: 12px; HEIGHT: 	16px;}
.t-400{
	BORDER-BOTTOM: 	#000000 0px solid;
	BORDER-LEFT: 	#000000 0px solid;
	BORDER-RIGHT: 	#000000 0px solid;
	BORDER-TOP: 	#000000 0px solid;
	scrollbar:		no;
	scrollbar-Track-Color:	#FFFFFF;
	scrollbar-face-color:	#FFFFFF;
	COLOR:		#000000;
	FONT-FAMILY: 	Verdana;
	FONT-SIZE: 		14px;
	FONT-WIEGHT: 	bolder;
	HEIGHT: 		20px;
	BACKGROUND:		#FFFFFF;	
	WIDTH: 		350px;
	HEIGHT: 		50px;
}