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.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:160%; font-weight: normal; letter-spacing: 1px; margin-top:0;}
h2 {font-size:150%; font-weight: normal; letter-spacing: 1px;}
h3 {font-size:140%; font-weight: normal; letter-spacing: 1px;}
h4 {font-size:130%; 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:160%; font-weight: normal; letter-spacing: 1px; display: block;}
.h2 {font-size:150%; font-weight: normal; letter-spacing: 1px; display: block;}
.h3 {font-size:140%; font-weight: normal; letter-spacing: 1px; display: block;}
.h4 {font-size:130%; font-weight: normal; letter-spacing: 1px; display: block;}
.h5 {font-size:120%; font-weight: normal; letter-spacing: 1px; display: block;}
.h6 {font-size:110%; font-weight: normal; letter-spacing: 1px; display: block;}
.h7 {font-size:105%; font-weight: normal; 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;}
.h_space {padding-right: 4px;}
.v_space {padding-top: 4px;}
.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;
	float: left;
	width: 505px;
	}
.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;
    }
	
/*  ( box - own )  */

.box_area_dark {
	padding: 10px 0px 10px 0px;
	background-color: #0099CC;
	color: #FFFFFF;
	font-size:85%;
	display: block;
	width: 100%;
	}		
.box_area_dark p {
	padding: 0px 10px 0px 10px;
}	
.box_area_light {
	padding: 10px 0px 10px 0px;
	background-color: #E9E4BC;
	color: #323232;
	font-size:85%;
	display: block;
	width: 100%;
	}		
.box_area_light p {
	padding: 0px 10px 0px 10px;
}		
.box_area_right { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 220px; 
	border-left: 1px solid #999999;
	padding: 4px 0px 4px 4px;
	}
.box_area_left { 
	float: right;
	margin: 2px 2px 2px 0;
	width: 220px; 
	/* border-left: 1px solid #999999; */
	padding: 4px 4px 4px 0px;
	}

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

#area_topmenu {
	height: 60px;
	padding: 4px 4px 4px 4px;
	background-color: #FFFFFF;
	font-size:100%; 
	font-weight: bold;
	color: #333333;
	overflow: visible;
	clear: both;
	text-align: left;
	center;	
	}		
#item_top {
	height: 60px;
	float: right;
	font-size:85%; 
	font-weight: normal;
	color: #333333;
	text-align: right;	
}
.item_top_buttons {
	padding-top: 20px;
	float: right;
	}	
.item_top_txt {
	padding-top: 20px;
	padding-right: 4px;
	float: right;
	}		

/*  ( main )  */

#area_main {
	clear: both;
	background-color: #FFFFFF;
	padding: 7px;
	margin: 0;
	text-align: left;
	background: url(http://www.e-finland.org/ecf/pic/ecf_logo_back.gif) no-repeat 450px 50px;
	}
	
/* ( top page )     */	

#area_top_page {
	text-align: center;
	font-size:90%; 
	padding: 3px;
	clear: both;
	}
#info_edit {
	clear: right;
	text-align: right; 
	height: 20px;
	}
#info_date{
	float: left;
	text-align: left;
	}
#info_adress{
	text-align: left;
	}
#info_name{
	text-align: center;
	margin-left: 160px;
	margin-right: 160px;	
	height: 20px;
	z-index:-1
	}

.navi { 
	padding-left: 7px;
	padding-right: 7px;
	}	

.menu_line1 ul, .navi_help ul {
	padding-left: 0;
	margin-left: 0;
	color: #323232;
	float: left;
	/* background-color: #E9E4BC; */
	}
.menu_line1 ul li, .navi_help ul li { 
	display: inline;	
	float: left;
	border-right: 3px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; 	
	}

.menu_line1 ul li.lock, .navi_help ul li.lock {
 	padding: 0.2em 1em;
	background-color: #E9E4BC;	
	color: #f5f5f5;
	float: left;
	}	
.navi_help ul li.lock {
	background-color: #FFFFFF;	
	color: #323232;
	font-size:90%;
	}	
.menu_line1 ul li a, .navi_help ul li a {
 	padding: 0.2em 1em;
	background-color: #E9E4BC;
	color: #323232;
	text-decoration: none;
	float: left;
	}
.menu_line1 ul li a.current, .navi_help ul li a.current {
	background-color: #0099CC;
	color: #FFFFFF;
	text-decoration: none;
	}	
.menu_line1 ul li a:hover, .navi_help ul li a:hover {
	background-color: #0099CC;
	color: #FFFFFF;
	text-decoration: none;
	}	

.menu_line2 {
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
 	width: 100%;
	clear: both;
	font-size:90%;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 27px;
	}
.menu_line2 ul {
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-bottom: 3px;
	color: #999999;
	float: left;
 	width: 100%;
	}
.menu_line2 ul li { 
	display: inline; 
	padding-left: 6px;
	padding-right: 6px;
	/* border-left: 1px solid #E9E4BC; */
	}
.menu_line2 ul li.lock {
	color: #AAAAAA;
	}	
.menu_line2 ul li a {
	color: #808080;
	text-decoration: none; 
	}
.menu_line2 ul li a:hover {
	color: #0099CC;
	text-decoration: none; 
	border-bottom: 2px solid #0099CC;
	}	
.menu_line2 ul li a.current {
	color: #0099CC;
	text-decoration: none; 
	border-bottom: 2px solid #0099CC;
	}
.menu_line2 ul li a:visited { 
	color: #999999; 
	text-decoration: none;
	}
	
#box_login {
	margin: 2px 0 2px 0px;
	width: 100%; 
	border: 1px dashed #E9E4BC;
	padding: 3px;	
	font-size:85%;
	text-align: left;	
	}

/* ( areas )     */	

.area_left {
	width:220px;
	float: left;
	}	
	
.area_login	{
	center;
	text-align: center;
	font-size:85%;
	}	
	
.area_right {
	width:220px;
	float: right;
	padding: 7px;
	border-left: 1px solid #DCDCDC; 
	}
.area_center {
	padding: 0px 0px 0px 10px; 
	margin-left: 220px;
/*	margin-right: 220px; */	
	text-align: left;
	}
	
.add {
/*	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 )   */	

.info_service {
	padding: 3px 0px 0px 0px; 
	width:230px;
	text-align: left;
	float: left;
	}

.info_format {
	padding: 3px 0px 0px 0px; 
	width:400px;	
	text-align: right;
	float: right;
	}

.info_copyright {
	font-size:85%;
	color: #999999;
	padding: 1px 1px 5px 1px;
	clear: both;	
	}
.info_copyright a {
	color: #999999;
	}
.info_copyright a:hover  {

	}	
	
/*  ( ----------------------------------------- )  */
	
/*  ( menu )  */

.menu {
	margin: 2px 0 2px 0px;
	width: 100%; 
	border: 1px solid #E9E4BC;
	background-color: #F0F0F0; 
	padding: 4px;	
	font-size:90%;
 	list-style-type: none;
	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(http://www.e-finland.org/ecf/pic/go_blue.gif) left top no-repeat; 
	text-decoration: none;
	color: #808080;
	}
.menu_off a:hover, .menu_off a:active, .menu_off a#current {
	background: transparent url(http://www.e-finland.org/ecf/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(http://www.e-finland.org/ecf/pic/go_orange.gif) left top no-repeat; 
	text-decoration: none;
	color: #404040;
	font-weight: bold;
	}
.menu_on a:hover, {
	background: transparent url(http://www.e-finland.org/ecf/pic/go_orange.gif) left top no-repeat; 
	text-decoration: underline;
	color: #4040FF;
	font-weight: bold;
	}	  	
	
.menu_line2 ul li a:hover {
	color: #0099CC;
	text-decoration: none; 
	border-bottom: 2px solid #0099CC;
}
	
.menu_lock {
	padding-left: 15px;
	background: transparent url(http://www.e-finland.org/ecf/pic/lock_blue.gif) left top no-repeat;
	text-decoration: none; 
	color: #AAAAAA;
    }	
.menu_last {
	background: transparent url(http://www.e-finland.org/ecf/pic/go_blue.gif) left top no-repeat; 
    }	
	
/*  ( ERROR )    */

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

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

.list_pages {
	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 #E9E4BC;
/* 	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_line tr td {
	border-top: 1px solid #999999; 
	padding-top: 10px;
	padding-bottom: 4px;
	}	
.list_line img { 
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #6E89DE;
	border-bottom: 1px solid #6E89DE;
	}	
	
/*  ( list info )  */		

.list_info { 
	float: right;
	margin: 2px 0 2px 2px;
	width: 130px; 
	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:760px;
	clear: both;
	border: 1px solid #E9E4BC;
	background-color: #FFFFFF;
	margin: 5px 1px 5px 1px;
	padding: 3px;
	text-align: left;	
	}	
*/
/*  ( FOR EDITOR )  */
/*
body {
	background: none;
	text-align: left;		
	}
*/	

/*  ( for FULL )  */

.area_back {
	width:100%;
	clear: both;
	border: 1px solid #E9E4BC;
	background-color: #FFFFFF;
	margin: 5px 1px 5px 1px;
	padding: 3px;
	text-align: left;	
	}	

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