BODY {  
	scrollbar-base-color:#F0F0F0; 
	scrollbar-shadow-color: #F0F0F0;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #6699CC; 
	scrollbar-highlight-color: #F0F0F0;
	scrollbar-darkshadow-color: #6699CC;
	scrollbar-3dlight-color: #6699CC;
	scrollbar-track-color:#F0F0F0;
	border-style:solid;
	border-width:0px;
	font-size:9pt;
	font-family:"Lucida Grande","Lucida Sans Unicode",verdana,lucida,sans-serif,Arial; 
	color: #323232; 
	margin: 0;
	padding: 0;
	
	background: transparent url("pic/back_white.gif");
	background-attachment: fixed;	
	width:100%;
	center;
	text-align: center;	
	}
a:link 	  { color: #066CC2; text-decoration: none}
a:visited { color: #066CC2; text-decoration: none}
a:hover   { color: #0000FF; text-decoration: underline}
a:active  { color: #4040FF; text-decoration: none}		

select, input, textarea { 
	background:#FAFAFA; 
	font-size:100%; 
	font-family:verdana,lucida,sans-serif,Arial; 
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-right: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	max-width: 400px;
	}
/*     */
p:first-letter {
	font-size:160%;
	}
blockquote {
	font-size: 90%;
	color: #777;
	padding-left: 23px;
	background: url(http://www.e-finland.org/center/pic/quotemarks.gif) no-repeat 0 3px;
	}
code {
	color: #c63;
	line-height: 1.2em;
	text-align: left;
	}
em, i {
	font-style: italic;
	}
strong, b {
	font-weight: bold;
	}
strike {
	text-decoration: line-through;
	}
hr {color: #C0C0C0; width: 100%; height:1px; }
img {border:0;}
form {margin: 0; padding: 0;}
h1 {font-size:230%; font-weight: normal; letter-spacing: 1px;}
h2 {font-size:170%; font-weight: normal; letter-spacing: 1px;}
h3 {font-size:140%; font-weight: normal; letter-spacing: 1px;}
h4 {font-size:120%; font-weight: normal; letter-spacing: 1px;}
h5 {font-size:120%; font-weight: bold; letter-spacing: 1px;}
h6 {font-size:110%; font-weight: bold; letter-spacing: 1px;}
h7 {font-size:105%; font-weight: bold; letter-spacing: 1px;}

.h1 {font-size:210%; font-weight: normal; letter-spacing: 1px; display: block;}
.h2 {font-size:165%; font-weight: normal; letter-spacing: 1px; display: block;}
.h3 {font-size:140%; font-weight: normal; letter-spacing: 1px; display: block;}
.h4 {font-size:120%; font-weight: normal; letter-spacing: 1px; display: block;}
.h5 {font-size:120%; font-weight: bold; letter-spacing: 1px; display: block;}
.h6 {font-size:110%; font-weight: bold; letter-spacing: 1px; display: block;}
.h7 {font-size:105%; font-weight: bold; letter-spacing: 1px; display: block;}

/*      */

.top   	 {vertical-align:text-top}
.bottom  {vertical-align:text-bottom}
.center	 {text-align: center; }
.right 	 {text-align: right; }
.left  	 {text-align: left; }
.left_float  	 {text-align: left; float: left;}
.right_float 	 {text-align: right; float: right;}
.caps  	 {font-variant: small-caps}
.space 	 {padding: 4px 0 0 0;}
.non 	 {background:none; color:none; border-style:none;}
.hidden  {visibility:hidden; z-index:-1;}
.open    {display: block; visibility:visible;}
.close   {display: none;  visibility:hidden;}
.copy 	  { font-size:90%;}
.tip      { background:#F4F4F4; cursor: help;}
#tip 	  { visibility:hidden;
		    position:absolute;
			z-index:1000; 
	}
/* ( forms )   */	

.form {
	text-align: left;
	border: 1px solid #CCCCCC;
	background-color: #F7F7F7;
	padding:0;
	margin: 10px 0px 0px 0px;
	}
.form select, .form input, .form textarea { 
	font-size:95%;
	font-family:verdana,lucida,sans-serif,Arial;
	}	
.form td {	
	vertical-align:text-top;
	padding: 2px 3px 2px 3px;
	}	
.form_sub {
	width:100%;
	border: 1px solid #E6E6E6;
    }	
.form_sub td {
	width:50%;
    }	
.form_head {
	font-size:120%;
	text-align: center;
	background-color: #DBDBDB;
	}
.form_search_name {
	font-size:120%;
	font-weight: bold;
    }
.form_name {
	font-variant: small-caps;
	font-size:85%;
	background-color: #F0F0F0;
	}
.form_incl	{
    background-color: #F0F0F0;
	text-align: center;
	}
.form_info {
	font-size:90%;
	background-color: #F0F0F0;
	}
.form_line {
	background-color: #CCCCCC;
	height:5px;
	}
.form_blank {
	background-color: #FFFFFF;
	height:15px;
	}
.form_info2 {
	font-size:95%;
	}
.form_action {
	text-align: center;
	font-size:100%;
	border: 1px solid #CCCCCC;
	background-color: #FFDD55;
	}
.form_error {
	background-color: #FFFF99;
    }
/*  ( top )  */

#area_topmenu {
	height: 25px;
	padding: 3px;
	background-color: #6E89DE;
	font-size:100%; 
	font-weight: bold;
	color: #FFFFFF;
	overflow: visible;
	clear: both;
	text-align: left;
	}		
#item_top_buttons {
	float: left;
	width: 280px;
	height: 26px;
	padding: 1px;
	font-size:100%; 
	font-weight: bold;
	color: #FFFFFF;
	}	
	
#item_top_menu {
	float: right;
	padding: 1px;
	}
#area_dhtml_menu {	
	height: 21px;
	padding: 0px;
	background-color: #E3E3E3;
	font-size:100%; 
	color: #404040;
	overflow: visible;
	clear: both;
	text-align: center;
}
/*  ( main )  */

#area_main {
	clear: both;
	border-top: 4px solid #F0F0F0;	
	background-color: #FFFFFF;
	padding: 7px;
	margin: 0;
	text-align: left;
	}
	
/* ( top page )     */	

#area_top_page {
	text-align: center;
	font-size:90%; 
	padding: 3px;
	clear: both;
	}
#info_edit {
	float: right;
	text-align: right; 
	height: 20px;
	}
#info_date{
	float: left;
	text-align: left;
	height: 20px;
	}
#info_name{
	text-align: center;
	margin-left: 160px;
	margin-right: 160px;	
	height: 20px;
	z-index:-1
	}
#info_adress{
	text-align: left;
	}
#info_adress a:link, #info_adress a:visited { color: #606060; text-decoration: none}
#info_adress a:active { color: #4040FF; text-decoration: none}
#info_adress a:hover, #info_adress a:active { color: #4040FF; text-decoration: underline}

	
/* ( left )     */	

#area_left {
	width:170px;
	float: left;
	padding-bottom: 10px;
	text-align: center;
	}	
#area_right {
	width:150px;
	float: right;
	padding-bottom: 10px;
	}
.area_center {
 	border-left: 1px solid #A2A2A2; 
	padding: 0px 0px 0px 10px; 
	margin-left: 175px;
/*	margin-right: 160px; */	
	text-align: left;
	}
.add {
	margin: 15px 0 0 0px;
	width: 150px; 
/*	border-top: 1px solid #D6DFF7; */	
/*	border-bottom: 1px solid #D6DFF7; */	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:85%;
	color: #BEBEBE;
	text-align: center;	
	}
.add p {
	margin: 5px 0 15px 0px;
	}	
.add a:link, .add a:visited, .add a:active { color: #BEBEBE; text-decoration: none}
.add a:hover, { color: #4040FF; text-decoration: underline}
	
/* ( down )   */	

#area_service {
	border-top: 1px solid #C0C0C0;
	background-color: #E6E6E6;
	padding: 2px 4px 2px 4px;
	text-align: center;
	font-size:85%;
	clear: both;
	color: #606060;
	}
#info_partners1 {
	float: left;
	text-align: left;
	width:120px;
	}
#info_partners1 a {
	padding: 3px;
	}	
#info_service {
	margin-left: 120px;
	margin-right: 120px;
	text-align: center;
	}
#info_service a:link 	{ color: #606060; text-decoration: none}
#info_service a:visited { color: #606060; text-decoration: none}
#info_service a:hover   { color: #4040FF; text-decoration: underline}
#info_service a:active  { color: #0000FF; text-decoration: none}	
	
#info_partners2 {
	float: right;
	text-align: right;
	padding: 7px 4px 0 0;
	width:150px;
	}
/*      */	
#area_format {
	background-color: #2E63DE;
	margin: 0;
	text-align: center;
	padding: 2px 4px 2px 4px;
	clear: both;
	height: 20px;
	}

/*  ( box )  */

.box { 
	margin: 2px 0 2px 0px;
	width: 150px; 
	border: 1px solid #D6DFF7;
	background-color: #F0F0F0;
	padding: 4px;
	font-size:90%;
	text-align: left;
}
.box_line {
	width: 100%; 
	font-size:90%;
	border: 1px solid #D6DFF7;
	background-color: #F0F0F0;
	padding: 2px;
	text-align: center;
}
.box_line a    	    { text-decoration: none; width: 100%;}
.box_line a:hover   { text-decoration: none; background-color : #FFFFDD; }
.box_line1 {
	width: 100%; 
	font-size:100%;
	border: 1px solid #D6DFF7;
	background-color: #F0F0F0;
	padding: 2px;
	text-align: center;
}
.box_line2 {
	width: 100%; 
	font-size:110%;
	border: 1px solid #D6DFF7;
	background-color: #F0F0F0;
	padding: 3px;
	text-align: center;
}
.box_left { 
	float: left;
	margin: 2px 2px 2px 0;
	width: 150px; 
	font-size:90%;
	border: 1px solid #D6DFF7;
	background-color: #F5F5F5;
	padding: 2px;
}
.box_right { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 150px; 
	font-size:90%;
	border: 1px solid #D6DFF7;
	background-color: #F5F5F5;
	padding: 2px;
}
.box1_left { 
	float: left;
	margin: 2px;
	width: 150px; 
	font-size:90%;
	padding: 2px;
}
.box1_right { 
	float: right;
	margin: 2px;
	width: 150px; 
	font-size:90%;
	padding: 2px; 
}

.note_left { 
	float: left;
	margin: 2px 2px 2px 0;
	width: 150px; 
	font-size:80%;
	border-right: 1px solid #999999;
	padding: 4px 4px 4px 0px;
}
.note_left:first-line, .note_left b {
	font-variant: small-caps;
	font-weight: bold;
	font-size:95%;
}
.note_right { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 150px; 
	font-size:80%;
	border-left: 1px solid #999999;
	padding: 4px 0px 4px 7px;
}
.note_right:first-line, .note_right b {
	font-variant: small-caps;
	font-weight: bold;
	font-size:95%;
}
.pic_left { 
	float: left;
	margin: 0px;
	width: auto; 
	font-size:80%;
	padding: 10px 10px 10px 5px;
}
.pic_right { 
	float: right;
	margin: 2px;
	width: auto; 
	font-size:80%;
	padding: 10px 5px 10px 10px;
}
.pic_center { 
	margin: 2px;
	width: auto; 
	font-size:80%;
	padding: 10px 5px 10px 10px;
	text-align: center;
}
.pic_left img, .pic_right img, .pic_center img { 
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #6E89DE;
	border-bottom: 1px solid #6E89DE;
}
.box table tr td, .box_line table tr td, .box_line1 table tr td, .box_line2 table tr td, .box_left table tr td, .box_right table tr td, .box1_left table tr td, .box1_right table tr td, .note_left table tr td, .note_right table tr td { 
	padding:0; 
	margin:0;
	}
	
/*  ( menu )  */

.menu {
	margin: 2px 0 2px 0px;
	width: 150px; 
	border: 1px solid #D6DFF7;
/*	background-color: #F0F0F0; */
	padding: 4px;	
	
 	list-style-type: none;
	font-size:90%;
	letter-spacing: 0.1em;
	text-align: left;	
	}
.menu ul {
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 3px 3px 3px 17px; 
	}
.menu li a {
	padding-left: 15px;
	font-weight: normal;	
}
	
.menu_off a:link, .menu_off a:visited{
	background: transparent url(pic/go_blue.gif) left top no-repeat; 
	text-decoration: none;
	color: #404040;
	}
.menu_off a:hover, .menu_off a:active, .menu_off a#current {
	background: transparent url(pic/go_orange.gif) left top no-repeat; 
	text-decoration: underline;
	color: #4040FF;
	}
.menu_on a:link, .menu_on a:visited, .menu_on a:active, .menu_on a#current{
	background: transparent url(pic/go_orange.gif) left top no-repeat; 
	text-decoration: none;
	color: #404040;
	font-weight: bold;
	}
.menu_on a:hover, {
	background: transparent url(pic/go_orange.gif) left top no-repeat; 
	text-decoration: underline;
	color: #4040FF;
	font-weight: bold;
	}	  	
.menu_lock {
	padding-left: 15px;
	background: transparent url(pic/lock_blue.gif) left top no-repeat;
	text-decoration: none; 
	color: #AAAAAA;
    }	
.menu_last {
	background: transparent url(pic/go_blue.gif) left top no-repeat; 
    }	

/*  ( sitemap )  */

.sitemap {
	margin: 2px 0 2px 0px;
	padding: 4px;	
	
 	list-style-type: none;
	font-size:90%;
	letter-spacing: 0.1em;
	text-align: left;	
	}
.sitemap ul {
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 3px 3px 3px 17px; 
	}
.sitemap li a {
	padding-left: 15px;
	font-weight: normal;	
}
	
#sitemap .menu_off a:link, #sitemap .menu_off a:visited{
	background: transparent url(pic/go_blue.gif) left top no-repeat; 
	text-decoration: none;
	color: #404040;
	}
#sitemap .menu_off a:hover, #sitemap .menu_off a:active, #sitemap .menu_off a#current {
	background: transparent url(pic/go_orange.gif) left top no-repeat; 
	text-decoration: underline;
	color: #4040FF;
	}
#sitemap .menu_on a:link, #sitemap .menu_on a:visited, #sitemap .menu_on a:active, #sitemap .menu_on a#current{
	background: transparent url(pic/go_orange.gif) left top no-repeat; 
	text-decoration: none;
	color: #404040;
	font-weight: bold;
	}
#sitemap .menu_on a:hover, {
	background: transparent url(pic/go_orange.gif) left top no-repeat; 
	text-decoration: underline;
	color: #4040FF;
	font-weight: bold;
	}	  	
#sitemap .menu_lock {
	padding-left: 15px;
	background: transparent url(pic/lock_blue.gif) left top no-repeat;
	text-decoration: none; 
	color: #AAAAAA;
    }	
#sitemap .menu_last {
	background: transparent url(pic/go_blue.gif) left top no-repeat; 
    }		
	
.level_read {}
.level_new {}
.level_edit {}
.level_all {}	
	
/*  ( ERROR )    */

.error_box{
	
    }	
.error_head{
	
    }	
.error_inf{
	
    }	
.error_but{
	
    }	
		
/*  ( HAKULOMAKE )    */

.search_word{
	color: #0000FF;
    }	
		
/*  ( LISTAUKSET )    */

.list_pages {
	border-bottom: 1px dashed #778;
	height: 20px;
	width: 100%; 
	}
.search_pages, .search_match {
	font-size:90%;
	height: 20px;
    }

.list_types {
	width: 100%; 
	padding: 0px;
	margin: 7px 0 7px 0;
	}
.list_types ul {
	padding: 1px 0;
	margin: 2px 0 0 0;
	font-size:90%;
	border-bottom: 1px solid #778;
	}
.list_types li {
	list-style: none;
	margin: 0;
	display: inline;
	}
.list_types li a {
	padding: 1px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
	}
.list_types li a:link    { color: #404040; }
.list_types li a:visited { color: #404040; }
.list_types li a:hover {
	color: #000;
	background: #FFFFDD;
	border-color: #227;
	}
.list_types li a.current {
	background: white;
	border-bottom: 1px solid white;
	}
.list_types li a.mod {
	background: #EBEBFF;
	color: #AAAAAA;
	border-bottom: 1px solid #C0C0C0;
	}	
	
/*  ( table list )  */	

.list_small {
	border: 1px dashed #A2A2A2;
/* 	border-top: 0; */	
	background: #FFFFFF;
	font-family: verdana,lucida,sans-serif,Arial; 
	font-size:90%;
    }
.list_small thead, .list_small .header {
	background: #FFFFFF;
	font-size:95%;
	font-weight: bold;
    }
.list_small tfoot tr, .list_small .foot {
	background: #FFFFFF;
	font-size:90%;
    }	
.list_small tr {
    background: #F5F5F5;
	}
.list_small .odd {
    background: #FAFAFA;
	}
.list_small td {
	padding: 3px; vertical-align:text-top;	
    }
	
.list_small_left {
	float: left;
	display: block;
	margin-right: 5px;	
	border: 1px solid #A2A2A2;
	background: #FFFFFF;
	font-family: verdana,lucida,sans-serif,Arial; 
	font-size:90%;
    }
.list_small_left thead, .list_small_left .header {
	background: #FFFFFF;
	font-size:95%;
	font-weight: bold;
    }
.list_small_left tfoot tr, .list_small_left .foot {
	background: #FFFFFF;
	font-size:90%;
    }	
.list_small_left tr {
    background: #F0F0F0;
	}
.list_small_left .odd {
    background: #F5F5F5;
	}	
.list_small_left td {
	padding: 3px; vertical-align:text-top;	
    }
	
.list_small_right {
	float: right;
	display: block;
	margin-left: 5px;	
	border: 1px solid #A2A2A2;
	background: #FFFFFF;
	font-family: verdana,lucida,sans-serif,Arial; 
	font-size:90%;
    }
.list_small_right thead, .list_small_right .header {
	background: #FFFFFF;
	font-size:95%;
	font-weight: bold;
    }
.list_small_right tfoot tr, .list_small_right .foot {
	background: #FFFFFF;
	font-size:90%;
    }	
.list_small_right tr {
    background: #F0F0F0;
	}
.list_small_right .odd {
    background: #F5F5F5;
	}		
.list_small_right td {
	padding: 3px; vertical-align:text-top;	
    }
	
/*  ( table normal )  */	
	
.list {
	background: #FFFFFF;
	font-size:100%;
	border-bottom: 1px dashed #A2A2A2;
    }
.list thead, .list .header {
	background: #F5F5F5;
	font-size:95%;
	font-weight: bold;
    }
.list tfoot tr, .list .foot, {
	background: #F5F5F5;
	font-size:90%;
	border: 1px solid #F0F0F0;
    }	
.list td {
	padding: 3px; vertical-align:text-top;	
    }

.list .pic {
	float: right;
	}
.pic_info {
	float: right;
	}
.pic_filetype {
	float: right;
	}
	
/*  ( services )  */		
	
.list .services {
	font-size:85%;
	margin:0;
	margin-top: 10px;
	vertical-align:middle;	
	}
.list .services span {
	padding: 5px;
	}
	
.list_left {
	float: left;
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
    }

.list_right {
	float: right;
	display: block;
	margin-left: 5px;	
	margin-bottom: 5px;	
    }

/*  ( list info )  */		

.list_info { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 150px; 
	font-size:80%;
	border-left: 1px solid #999999;
	padding: 4px 0px 4px 7px;
}
.list_info:first-line, .list_info b {
	font-variant: small-caps; font-size:95%;
	font-weight: bold;
	font-size:95%;
}

/*   ( tables )   */		

table .sort{
    background: #FFFFFF;
	text-align: right;
	font-size:95%;
	}
table .search_line1 {
    background: #F0F0F0;
	}
table .search_line2 {
    background: #F5F5F5;
	font-size:95%;
	}
table .lang{
    color: #969696;
	}
table .level{
    color: #969696;
	}
table .db{
    text-align: center;	
	}
table .name{
    font-weight: bold;
	}
table .date{
    text-align: right;	
	}

table {font-size:100%; }
table .headline { }
table .database_name { font-size:70%; font-weight: normal; }
table .ingress  { font-size:100%; font-weight: normal; }
table .txt  	{ font-size:100%; font-weight: normal;}
table .more     { font-size:95%; font-weight: bold;}
table .link     { font-size:95%; font-weight: bold;}
table .linenr   { color: #969696;}
table a:list 	{ color: #066CC2; text-decoration: none;}
table a:visited { color: #066CC2; text-decoration: none;}
table a:hover   { color: #0000FF; text-decoration: underline; }
table a:active  { color: #0000FF; text-decoration: underline;}		

.edit_txt {font-size:9pt; font-family:'Courier New',Courier,verdana,lucida,sans-serif,Arial; }

/*  ---------------------------------  */

/*  ( FOR STANDARD )  */

.area_back {
	width:860px;
	clear: both;
	border: 1px solid #A2A2A2;
	background-color: #FFFFFF;
	margin: 1px;
	padding: 0px;
	text-align: left;	
	}	

/*  ( FOR EDITOR )  */
/*
body {
	background: none;
	text-align: left;	
	}
*/	

/*  ( for FULL )  */
/*
body {background: none;}	
*/

/*  ( for IFRAMES/ONLYDATA )  */
/*
BODY {  
	background: none;
    }	
#area_topmenu, .menu, #area_top_page, #info_edit, #area_left, #area_right, #area_service, #area_format {
	display: none;
	}
.area_center {
	margin-left: 0px;
	margin-right: 0px; 
	border:0;
	}
*/	
/*   ( FOR PDA )  */	
/*
body {
	background: none;
    }
#area_left {
	width:160px;
	float: right;
	padding-bottom: 10px;
	text-align: center;
	}	
#area_right {
	display: none;
	visibility:hidden;
	}
.area_center {
	margin-left: 0px;
	margin-right: 160px; 
	border:0;
	}				
*/