body {background: #f4f4f4 url(../images/bgr_body.gif) top left repeat-x; font:63%/1.5em Arial, Helvetica, sans-serif;  padding: 0; margin: 0;} /* 1em = 10px */
.wrapper { clear: both; background: #fff; border: 1px solid #cbcbcb; width: 94.4em; /* 98.7em = 987px */ padding: 0 2em 0 2em; margin: 0 auto; border-bottom: 0; }

html, body { height: 98.8%; margin: 0; padding: 0; }
.wrapper { min-height: 97%; height: auto !important; height: 96.3%; }
.frontpage {  }



/* Basic formatting */
a {color: #006ea5}
a:visited {}
a:hover, a:active { text-decoration: underline !important; color: #006ea5 !important; cursor:pointer; }
a img { border: none}
p { margin: 0.5em 0 1em;}
ul { list-style-type: none; margin: 0.5em 0 1.5em; padding: 0;}
li { margin: 0.3em 0; padding: 0;}
input, select {font-size: 0.9em; }

hr { clear: both; margin: 0; padding: 0; background: transparent; color: transparent; border: 0; visibility: hidden }
.clearer { clear: both }


h2 { font-size: 1.6em; font-weight: normal; margin: 0.3em 0 0.6em; line-height: 1.4em}
	h2 span.date { font-size: 0.6em; font-weight: normal; margin-left: 1.5em; padding-left: 0.6em; background: url(../images/bgr_site_tools_li.gif) left no-repeat;}
h3, table caption { font-size: 1em; margin: 0.5em 0 0.2em; font-weight: bold; text-align: left; }

.shortcut_menu self_service_link_p2 h2 {line-height: 0.8em}

/* Specific link styles */
ul.attachments a { font-weight: bold }
li a.pdf { background: url(../images/icon_pdf.gif) left no-repeat; padding-left: 22px; }
h3 a.pdf { background: url(../images/icon_pdf.gif) left no-repeat; padding-right: 2px; }

.previous-page { background: url(../images/icon_previous.gif) 2px no-repeat; padding-left: 10px; text-decoration: underline; color: #006ea5 }
.next-page { background: url(../images/icon_next.gif) right no-repeat; padding-right: 10px; text-decoration: underline; color: #006ea5}

.back_link { font-weight: bold; background:url(../images/icon_back_link.gif) left no-repeat; padding-left: 15px; margin-bottom: 1.2em;  }
.forward_link a { font-weight: bold; background: url(../images/icon_arrow_right.gif) right no-repeat; padding-right: 15px; margin-bottom: 1.2em;  }

/* Forms */
div.form { border: 1px solid #ace; margin: 0.5em 0 1em; clear: both }
fieldset { clear: left; margin: 0; padding: 1em 0em 1em 0.5em; background: #ebf3fb; border: 1px solid #fff; }
fieldset fieldset { margin: 0; border: none; padding: 0 inherit; }
	fieldset fieldset p { margin: 0; line-height: 1.2em; font-size: 1em;  }
fieldset label { font-weight: bold; display: block; float: left; width: 13em; clear: left; margin: 0.2em 0; }
	.calculator fieldset label { width: 18.5em; }
	fieldset label .instruction { font-weight: normal; font-size: 0.9em; float: none }
	fieldset .instruction { font-weight: normal; font-size: 0.9em; float: right; width: 21.5em; clear: right; margin-bottom: 0.4em }
	fieldset label img { vertical-align: baseline; position: relative; bottom: 0.2em; }
	fieldset .required { color: #f00; font-size: 1.1em; vertical-align: middle; font-weight: normal; }
fieldset input { margin: 0.1em 0; width: 19.7em;  min-width: 20em;}
	fieldset input.areacode { width: 5em }
	fieldset input.areacode2 { width: 10em; }
	input.areacode { width: 5em }
	fieldset input.radiobutton { width: auto; }
	fieldset .city_alphabets { font-weight: bold; margin: 1em 0; }
fieldset select { margin: 0.1em 0; width: 20.3em; min-width: 20.4em; font-size: 0.9em;  }
fieldset textarea { margin: 0.1em 0; width: 52.5em; min-width: 54em; height: 8em}
fieldset .left_col { float: left; width: 50% }
	.calculator fieldset .left_col { float: left; width: 100%}
fieldset .right_col { float: right; width: 50% }
fieldset hr { margin: 1.5em 0 }
fieldset h3 { font-size: 1.2em; }
fieldset h3 .search_link { font-size: 0.7em; font-weight: normal; margin-left: 0.5em; z-index: 99; }
	fieldset h3 .search_link a { padding-right: 12px; background: url(../images/bgr_search_link.gif) right no-repeat; }
fieldset .radio { padding: 0px; }
	fieldset span.radioText { font-weight: bold; margin-left: 5px; }

.form .flat p { display: inline }
.form .flat label { display: inline; width: auto; float: none;  margin-right: 0.5em;}
.form .flat select { display: inline; margin-right: 1em; }
.form .flat .submit { width: 7em; min-width: 5em; }
.form .flat .year { width: 5em; min-width: 5em;  }


/* Form controls (button row underneath a form) */
.main_content_area .form_controls { text-align: right; clear: left; }
.main_content_area .form_controls * { vertical-align: middle; }
.main_content_area .form_controls input { width: auto; float: none;  vertical-align: middle; margin: 0.5em 0; padding: 0 0.5em; }
.main_content_area .form_controls .reset {margin-right: 0.5em;}
.main_content_area .form_controls .submit {margin-left: 0.5em; font-weight: bold}
	.main_content_area .submit { width: auto; font-weight: bold;}
.main_content_area .form_controls .back_link { float: left }
/*.main_content_area .form_controls a:hover {color:#0073BB !important; text-decoration:none !important;}*/


/* Table default styling -> for data tables */ 
table { float: none; border: 2px solid #ccc; border-collapse:collapse; margin: 0.5em 0; width: 100%; } 
tbody td, tbody th { border: 0.05em solid #ccc; } 
tbody { border-top: 2px solid #ccc; }
thead { background: #eee; font-weight: bold; } 
	thead a { color: #333; }
	thead td, thead th { border: 0.05em solid #ccc; border-bottom: 2px solid #fc3; }
tfoot { background: #eee; font-weight: bold; } 
	tfoot td, tfoot th { border: 0.05em solid #ccc; border-top: 2px solid #999; } 
tbody.odd td, tr.odd td, tr.odd th { background: #f9f9f9; } 
td, th { font-size: 1em; padding: 0.2em 0.3em; vertical-align: top;  } 
th { color: #000; font-weight:bold; text-align: left; width: 35%; } 
tr#selected_row td { font-weight: bold } 
td input, td select { vertical-align: middle ; margin: 0 0.3em 0 0; padding: 0.1em; }
td p { margin: 0.3em 0; }

/* Table styling, input types */ 
table input.name { width: 20em; text-transform: uppercase }
table input.phone { width: 8em }
table input.email { width: 20em }
table input.ssnumber { width: 8em }
table input.street { width: 20em; text-transform: uppercase; }
table input.city { width: 12em; text-transform: uppercase; }

fieldset textarea.message 
{
	width: 20em; 
	min-width: 20em;
}

input.postnumber { width: 4em }

/* #site_tools formatting */
#site_tools { width: 98.7em; /* 98.7em = 987px */ padding: 0; margin: 2em auto 0 auto; }
#site_tools ul { padding: 0; margin: 0; font-size: 1.1em; list-style-type:none; }
#site_tools ul.group1 { float: left; margin-left: 15px !important; margin-left: 10px; }
#site_tools ul.group2 { float: right; margin-right: 15px !important; margin-right: 10px; }
#site_tools li { color:#333333; float:left; margin: 0.2em 0; background:url(../images/bgr_site_tools_li.gif) left no-repeat; }
#site_tools li a { color:#333333; text-decoration: underline; font-weight: bold; line-height: 1.8em; display: block; padding: 0 0.5em }
#site_tools li.lang {  background:url(../images/bgr_site_tools_li.gif) right no-repeat;} 
#site_tools li.info { background: none; }
#site_tools li.representative { background: none; }
#site_tools li.lang a { font-weight: bold; }
#site_tools li.info a { background: url(../images/icon_info.gif) 0.5em 0 no-repeat; padding-left: 1.7em; text-align: left}
#site_tools li.selected a { text-decoration: none; font-weight: bold; }

.site_header { background: url(../images/bgr_site_header.gif) top right no-repeat; padding: 1.2em 2em 0 0; margin-right: -2em; position: relative; top: -1px; right: -1px; }
.site_header * {margin:0; padding:0;}
.site_header .search { float: right; margin-top: 1.9em; }
.site_header .search label { margin-right: 0.3em; }
.site_header .search input { vertical-align: top; font-size: 1.2em}
.site_header .search input.text { width: 160px; height: 16px; }
.site_header .search .refined_search { display: block; margin-left: 30px; margin-top: 0 !important; margin-top: -0.8em; position: relative !important; position: static; bottom: 0.8em;  }
	.site_frontpage .site_header { margin-bottom: 2em; }


.site_header h1 { background: url(../images/bgr_wrapper.gif) no-repeat /*url(../images/grid.gif)*/ top left; font-size: 2em; line-height: 0.8em; margin: -0.6em 20em 0 -1em; padding: 0.9em 0 0.3em 1em; position:relative; left: -2px; }
.site_header h1 .slogan { margin-left: 1em; position:relative; bottom: -0.15em; background-image:url(../images/slogan_hyvinvointia.gif); background-repeat:no-repeat; background-position:left; }

.site_header .print_header_image { display: none; }

/* #main_menu formatting */
#main_menu { background: url(../images/bgr_main_menu_ul_bottom_brd.gif) repeat-x 0 1.8em; height: 2em; font-size: 1.4em; font-weight: bold; margin: 1.5em 0 0 0;  }
#main_menu ul { padding: 0; margin: 0 0; list-style-type: none; /*background: url(../images/bgr_main_menu_ul_bottom_brd.gif) repeat-x 0 1.8em;*/ }
#main_menu ul li { float: left; background:url(../images/bgr_main_menu_tab_left.gif) top left no-repeat; padding-left: 4px; margin-left: 10px;  }
#main_menu ul li.firstTab { margin-left: 0px; }
#main_menu ul li.lastTab { float: right; }
#main_menu a { float: left; width: 10.08em; line-height: 1.8em; color: #000; text-align: center; text-decoration: none; background:url(../images/bgr_main_menu_tab_right.gif) top right no-repeat; padding-right: 4px; }

#main_menu ul li.selected {  background-image: url(../images/bgr_main_menu_tab_left_sel.gif); }
#main_menu li.selected a { background-image:url(../images/bgr_main_menu_tab_right_sel.gif); line-height: 1.88em; }


/* tabbed menu, used on the content part */
#tabbed_menu { background: url(../images/bgr_tabbed_menu.gif) repeat-x 0 1.6em; height: 2em; font-size: 1em; font-weight: bold; margin: 0.2em 0 1em 0; padding-bottom: 1em;  }
#tabbed_menu ul { padding: 0; margin: 0 0; list-style-type: none; /*background: url(../images/bgr_main_menu_ul_bottom_brd.gif) repeat-x 0 1.8em;*/ float: left }
#tabbed_menu ul li {  float: left; background:url(../images/bgr_tabbed_menu_li.gif) top left no-repeat; padding: 0; margin: 0; padding-left: 4px; margin-left: 0.4em; }
#tabbed_menu a { float: left; width: 9em; line-height: 1.6em; color: #000; text-align: center; text-decoration: none; background:url(../images/bgr_tabbed_menu_li_a.gif) top right no-repeat; padding-right: 4px; }

#tabbed_menu ul li.selected {  background-image: url(../images/bgr_tabbed_menu_li_sel.gif); }
#tabbed_menu li.selected a { background-image:url(../images/bgr_tabbed_menu_li_a_sel.gif); line-height: 1.69em; }


/* #page_path formatting */
#page_path { clear: both; font-size: 1.1em; font-weight: bold; margin: 0.5em 0 1em 0; float: left; width: 100%; }
#page_path ul { clear: both; padding: 0; margin: 0; list-style-type: none }
#page_path li { float:left; padding: 0; margin: 0; }
#page_path a { font-weight: normal; background: url(../images/bgr_page_path_li.gif) right 0.4em no-repeat; padding-right: 0.7em; margin-right: 0.4em;  }
.page_path_hidden 
{
	display: none;
}

/* #section_menu formatting */
#section_menu { float: left; width: 22.5%; /* 222px */ clear: left; margin-right: 1.8em; border-bottom: 1px solid #cbcbcb; margin-bottom: 1em;  } 
#section_menu ul { padding: 0; margin: 0; list-style-type: none; } 
#section_menu ul ul { border-top: 1px solid #999; background: #ebf3fb; padding: 0; margin: 0; } 
#section_menu ul ul ul { border-top: none; background: #fafafa; } 

#section_menu li { padding: 0; margin: 0; border-top: 1px solid #cbcbcb; } 
	#section_menu li.selected { border-top: 1px solid #999;  } 
e		#section_menu li.selected li { } 
		#section_menu li.selected li.selected { } 
	#section_menu li li.selected { border-top: none;} 
#section_menu li li { border:none } 

/* #section_menu font sizes */
#section_menu ul a { font-size: 1.2em; } 
#section_menu ul ul a { font-size: 1.1em} 


/* link colors */
#section_menu li a { text-decoration: none; color: #333; font-weight: bold;   } 
#section_menu li a:hover { text-decoration: underline; } 

#section_menu li a { line-height: 1.7em; color: #333; padding-left: 2em; background:url(../images/bullet_section_menu_1.gif) 0 center no-repeat; } 
#section_menu li.selected a { color: #f90; background-image:url(../images/bullet_section_menu_1_sel.gif) } 
	
	#section_menu li.selected li a { line-height: 2em; color: #333; padding-left: 2.5em; background:url(../images/bullet_section_menu_2.gif) 1.5em center no-repeat;} 
	#section_menu li.selected li.selected a { color: #f90; background-image:url(../images/bullet_section_menu_2_sel.gif) } 
		
		#section_menu li.selected li.selected li a { color: #333; padding-left: 4.5em; background:url(../images/bullet_section_menu_2.gif) 3.5em center no-repeat;} 
		#section_menu li.selected li.selected li.selected a { color: #f90; background-image:url(../images/bullet_section_menu_2_sel.gif) } 

		#section_menu li.selected li.selected li.selected li a { color: #333; padding-left: 5.5em; background:url(../images/bullet_section_menu_2.gif) 4.5em center no-repeat;} 
		#section_menu li.selected li.selected li.selected li.selected a { color: #f90; background-image:url(../images/bullet_section_menu_2_sel.gif) } 

		#section_menu li.selected li.selected li.selected li.selected  li a { color: #333; padding-left: 5.5em; background:url(../images/bullet_section_menu_2.gif) 4.5em center no-repeat;} 
		#section_menu li.selected li.selected li.selected li.selected li.selected a { color: #f90; background-image:url(../images/bullet_section_menu_2_sel.gif) } 
		

.selectedlv_lv1 A
{
	margin-left: 1em;
	background-color: Green;
}

.selectedlv_lv2 A
{
	margin-left: 2em;
	background-color: Green;
}

.selectedlv_lv3 A
{
	margin-left: 3em;
	background-color: Green;
}

.selectedlv_lv4
{
	margin-left: 4em;
	background-color: Fuchsia;
}

#section_menu li .nA { color: #333; }

.ac 
{
	background: #ebf3fb;
}

/* main content area */
.main_content_area { float: right; width: 75%; font-size: 1.2em }
	.archive_page .main_content_area, 
	.faq_page .main_content_area, 
	.info_page .main_content_area,
	.site_frontpage .main_content_area, 
	.archive_listing_page .main_content_area,
	.sitemap_page .main_content_area { float: left; width: 100%; }

	/* Exceptions for listing pages */
	.listing_page .main_content_area h3 { float:left; clear: both; width: 100%; border-bottom: 1px solid #a2a2a2; border-top: 1px solid #a2a2a2; font-size: 1.4em; padding: 0.3em 0; padding-bottom: 0; letter-spacing: 0.02em;  }
	.listing_page .main_content_area ul { float:left; width: 98%; margin: 0; margin-left: 0.5em; padding: 0; }
		.listing_page .main_content_area ul li { width: 48%; float: left; background:url(../images/bullet_listing.gif) no-repeat 0 0.4em; padding: 0; padding-left: 15px; list-style-type: none; margin: 0.1em 0; margin-bottom: 0;}
		.listing_page .main_content_area ul a { font-weight: bold; color: #000; text-decoration: none; }
		.listing_page .main_content_area ul li p {color: #000; text-decoration: none; padding: 0; margin: 0;}
	
	/*.sitemap_page .main_content_area ul { width: 30%; }*/
	.sitemap_page .main_content_area .html_content { float:left;  width: 706px; overflow: hidden;}
	.sitemap_page .main_content_area h3 
	{
		float:left; 
		clear: both;
		width: 100%; 
		border-bottom: 1px solid #a2a2a2; 
		border-top: 1px solid #a2a2a2; 
		font-size: 1.4em; 
		padding: 0.3em 0; 
		letter-spacing: 0.02em;  
	}
	.sitemap_page .main_content_area h3 a:visited,.sitemap_page .main_content_area h3 a:active,.sitemap_page .main_content_area h3 a:hover { text-decoration: none;  background: none; color:Black}
	.sitemap_page .main_content_area ul li 
	{ 
		width: 100%; 
		background: none; 
		padding: 0; 
	}
	.sitemap_page .main_content_area ul li p {padding-left: 2em; margin-bottom: 0.4em }
	.sitemap_page .main_content_area ul { width: 100%; margin-botton: 1.6em; margin-left: 3em; }
	.sitemap_page .main_content_area ul .level3 { margin-left: 4em; }
	.sitemap_page .main_content_area a { background:url(../images/bullet_listing.gif) no-repeat 0 0.4em; padding-left: 1.5em; margin-left: 0.5em }
	.sitemap_page .main_content_area H3 a {background: none;}
	.sitemap_page .main_content_area ul p { padding-left: 1.5em; }
	.sitemap_page .main_content_area span { padding-left: 2em; }

/* (search_results) listing element */
.search_results h3 { font-size: 1.3em; border-bottom: 1px solid #a2a2a2; border-top: 1px solid #a2a2a2; padding: 0.2em 0; clear: left}
.search_results h3 .displayed_results { color: #ff9000; }
.search_results h3 .results_count { font-weight: normal }
.search_results h3 .search_term { font-size: 0.7em; font-weight: normal }

.search_results ul { float: left }
.search_results li { float: left; }
	.search_results ul.city_listing, 
	.search_results ul.city_listing li { float: none; }

.search_results li { /*border-bottom: 1px dotted #6a6a6a;*/ padding: 0.2em 0 0.6em 2em; background:url(../images/bgr_search_results_li.gif) repeat-x bottom; }
.search_results li a { text-decoration: none; color: #000; }
.search_results li .order_number { margin-left: -2em; float: left  }
.search_results li p { margin: 0.3em 0 0.4em; }

.search_results_query h3 { font-size: 1.3em; border-bottom: 1px solid #a2a2a2; border-top: 1px solid #a2a2a2; padding: 0.2em 0; clear: left}
.search_results_query h3 .displayed_results { color: #ff9000; }
.search_results_query h3 .results_count { font-weight: normal }
.search_results_query h3 .search_term { font-size: 0.7em; font-weight: normal }

.search_results_query ul { float: left }
.search_results_query li { float: left; }
	.search_results_query ul.city_listing, 
	.search_results_query ul.city_listing li { float: none; }

.search_results_query li { /*border-bottom: 1px dotted #6a6a6a;*/ padding: 0.2em 0 0.0em 2em; background:url(../images/bgr_search_results_li.gif) repeat-x bottom; }
.search_results_query li a { text-decoration: none; color: #000; }
.search_results_query li .order_number { margin-left: -2em; float: left  }
.search_results_query li p { margin: 0.3em 0 0.4em; }

/* listing element extensions */
ul .meta { float: right; position: relative; top: -1.4em; font-size: 0.9em; color: #555 }
ul .appointments { float: right; position: relative; top:0; font-weight: bold }
ul .appointments a { background: url(../images/icon_next.gif) right no-repeat; padding-right: 10px; text-decoration: underline; color: #006ea5; }
ul li .appointments { float: right; position: relative; top:0; font-weight: bold }
ul li .appointments a { background: url(../images/icon_next.gif) right no-repeat; padding-right: 10px; text-decoration: underline; color: #006ea5; }

ul .ordering_options { float: right; position: relative; top: -1.4em; margin-bottom: -0.1em;  }
ul .ordering_options * { margin: 0 0.2em -0.3em; }
ul .ordering_options a { text-decoration: underline; color: #006ea5; font-weight: bold}
ul .ordering_options .price { width: 19em; background: #f00; }


/* paging control for listings */
.results_paging { border-bottom: 1px solid #a2a2a2; border-top: 1px solid #a2a2a2; padding: 0.2em 0 0.4em; clear: left }
.results_paging a { text-decoration: none; color: #000; }
.results_paging .current-page { color: #ff9000 }


/* advanced search -> person search special formatting */
.contact_form li { padding-left: 10px; float: left; }
	.contact_form li .contact_person { margin-left: -90px; float: left;   }
.contact_form .reception { padding: 0.2em 0 0.6em 90px; background:url(../images/bgr_search_results_li.gif) repeat-x bottom; }

.contact_form li .name { width: 27em; float:left }
	.contact_form li .name a { color: #006ea5; }
.contact_form li .address { width: 27em; float:left }
.contact_form li .phone { width: 17em; float:left; text-align: right; float: right    }
	.contact_form li .phone .label { width: 10em; float:left; text-align: left   }
.contact_form li .city { float: left }

ul.reception_items { margin-left: 90px  }
	ul.reception_items h2 { }
	ul.reception_items li { float: left; width: 50%; margin: 1em 0; }



/* front page news box */
.site_frontpage .news { float: left; width: 436px; padding: 0 14px; margin-bottom: 1em; }
	.site_frontpage .news h2 { margin: 0.4em 0 0 0}
	.site_frontpage .news ul p {width: 100%; margin: 0}
	.site_frontpage .news ul {width: 100%; margin-top: 0; padding-top: 0}
	.site_frontpage .news ul li {width: 100%; margin-right: 20px; padding-top: -10px; }
	.site_frontpage .news .bg_span { background: url(../images/icon_arrow_right.gif) no-repeat right; background-position: right top; margin-top: -6px; padding-right: 8px; }
	.site_frontpage .news a.archive { font-weight: bold; float: right; position: relative; top: -2em }
	.site_frontpage .news ul a {text-decoration: none; color: #000; font-weight: bold; padding-top: -8px; margin-top: 0px; }
	.site_frontpage .news ul a .date { font-weight: normal; }


.site_frontpage .news_table
{
	border: 0;
	border-style: none;
	width: auto;
	margin: 0;
}

.site_frontpage .news_table tbody
{
	border: 0;
	border-style: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.site_frontpage .news_table tbody tr
{
	border: 0;
	border-style: none;
	margin: 0;
	padding: 0;
}

.site_frontpage .news_table tbody tr td
{
	border: 0;
	border-style: none;
	margin: 0;
	padding: 0;
}

.site_frontpage .news_table tr td a
{
	border: 0;
	border-style: none;
}

.site_frontpage .news_table tr td span
{
	border: 0;
	border-style: none;
	margin: 0;
	padding: 0;
}

.news_text
{
	text-align: left;
}

.news_arrow img
{
	padding-top: 3px;
}

.news_text a 
{
	text-decoration: none; 
	color: #000; 
	font-weight: bold; 
	padding-top: -8px; 
	margin-top: 0px; 
}

.site_frontpage .news_table tr .news_arrow
{
	float: left;
	text-align: left;
	padding-left: 6px;
}


/* Front page image/flash area*/
.image_area { float:left;  width: 464px; overflow: hidden }
	.site_frontpage .image_area { float:left;  width: 706px; overflow: hidden; }

/* small shopping cart displayed when shopping */
.shopping_cart { float: right; width: 20em; background: #ebf3fb; margin-bottom: 1em; border: 1px solid #b9d5f1;}
.shopping_cart .body { border: 2px solid #eff5fc; }
.shopping_cart .body p { margin: 0.5em 0.5em; font-weight: bold }
.shopping_cart .body p .count { margin-right: 0.5em; font-size: 1.2em; color: #f90 }
	.shopping_cart .body .total { background:url(../images/bgr_price.gif) 100% 0.9em repeat-x; margin-top: 1em }
	.shopping_cart .body .total .label { background:#ebf3fb; margin-right: 11em;  }
	.shopping_cart .body .total .price { background:#ebf3fb; font-size: 1.0em; }
.shopping_cart h3 { background: url(../images/bgr_shoppin_cart_topleft.gif) no-repeat; position: relative; left: -3px; top: -3px; margin-top: 0; padding: 1em 0 0 0.5em; font-size: 1.5em; font-weight: normal; margin-bottom: 0.5em}
.shopping_cart h3 span { float: right;  background: url(../images/bgr_shoppin_cart_topright.gif) top right no-repeat; position: relative; right: -6px; top: 0; margin-top: -1em; padding: 2px;}
.shopping_cart .controls { text-align: right; background: url(../images/bgr_shoppin_cart_btmright.gif) no-repeat bottom right; position: relative; right: -3px; bottom: -3px; margin-bottom: 0; padding: 0 0.5em 1em 0;}
.shopping_cart .controls input { margin-bottom: 0; }

/*
.shopping_cart .controls span { float: left;  background: #f00 url(../images/bgr_shoppin_cart_btmleft.gif) bottom left no-repeat; position: relative; left: -6px; bottom: 3px; margin-bottom: 0; padding: 2px;}
.shopping_cart span.corner_bl { background: url(../images/bgr_shoppin_cart_btmleft.gif) bottom left no-repeat; position: relative; left: -3px; bottom: -3px; margin: 0; padding: 2px;}
.shopping_cart .body { border: 2px solid #eff5fc; float: left }
*/


/* actual shopping cart */
.shopping_cart_listing table { border: none; margin-bottom: 2em; }
.shopping_cart_listing table td { padding: 0.8em 0.1em; }
.shopping_cart_listing table tr { background: url(../images/bgr_search_results_li.gif) bottom repeat-x; }
.shopping_cart_listing table img { display: inline; vertical-align: top; margin-left: 0.5em; }
.shopping_cart_listing table tfoot { border-bottom: 1px solid #febd10; background: #fff;  }
	.shopping_cart_listing table .total { background:url(../images/bgr_price.gif) 100% 0.95em repeat-x; }
	.shopping_cart_listing table .total .label { background:#fff; margin-right: 12em;  }
	.shopping_cart_listing table .total .price { background:#fff; padding-right: 2em;  }
		.customer_details table .total .price { padding-right: 0;  }

.shopping_cart_listing table thead { border-bottom: 1px solid #febd10; background: #fff; font-weight: normal}
.shopping_cart_listing table thead td { border: none; padding-top: 0; font-size: 0.9em	 }
.shopping_cart_listing table thead tr, 
.shopping_cart_listing table tfoot tr { background: none }
.shopping_cart_listing tr td, 
.shopping_cart_listing table tbody { border: none; } 

.ordering_options input.count { text-align: right }
.customer_details .ordering_options input.count { border: none}


/* shopping cart extensions */
.customer_details .left_col { width: 60%;}
.customer_details .right_col { width: 40% }
.customer_details .right_col textarea { width: 18.5em; min-width: 20em; }

.order_confirmation table td { padding: 0.3em 0.1em; }
.order_confirmation table tr { background: none; }
.order_confirmation table tfoot tr { background: url(../images/bgr_search_results_li.gif) top repeat-x;  }

div.customer_info { border-bottom: 1px solid #febd10; border-top: 1px solid #febd10; line-height: 1.5em; padding: 0.5em 0 0; }
.customer_info .left_col { float: left; width: 50% }
.customer_info .right_col { float: right; width: 50% }


/* Link boxes, shortcut_menu is the basic formatting, which is extended with another class */
.shortcut_menu { float: right; padding: 14px; width: 194px; background: #FFCC33 url(../images/bgr_quick_links_bottom.gif) no-repeat bottom; }
	.shortcut_menu h2 { background: url(../images/bgr_quick_links_top.gif) no-repeat top; margin: -14px; padding: 14px; }
	.shortcut_menu h3 a { background: url(../images/icon_arrow_right.gif) no-repeat right; padding-right: 12px; }
	.shortcut_menu ul { background: url(../images/bgr_quick_links_top.gif) no-repeat top; margin: -14px; padding: 4px 10px; }

	/* --> Extensions */
	.quick_links { background: #FFCC33 url(../images/bgr_quick_links_bottom.gif) no-repeat bottom; }
		.quick_links h2 { background: url(../images/bgr_quick_links_top.gif) no-repeat top; margin: -14px; padding: 14px; line-height: 1em;  }
		
	.p2_section { height: auto !important; height: 9.28em; min-height: 9.28em; margin-bottom: 0; }
	.p1_section {   MARGIN-BOTTOM: 4px; HEIGHT: 50px }
	
	.shortcut_menu quick_links p2_section { float: right; /*padding: 14px;*/ width: 194px; background: #FFCC33 url(../images/bgr_quick_links_bottom.gif);  }
	.shortcut_menu quick_links p2_section h2 { background: url(../images/bgr_quick_links_top.gif) no-repeat top; /*margin: -14px;*/ /*padding: 14px;*/ }
	.shortcut_menu p2_section h3 a { background: inherit; background-image: none;}
	.shortcut_menu quick_links p2_section h3 a { background: inherit; background-image: none;}
	.shortcut_menu quick_links p2_section ul { background: url(../images/bgr_quick_links_top.gif) no-repeat top; margin: -14px; padding: 4px 10px; }

	.p4_section { background-image: none; background: inherit; border-style:solid; width: 100px; border: 1px; min-height: 4.28em; }
	.shortcut_menu quick_links p4_section { float: right; background-image: none; width: auto; /*padding: 14px;*/ /*width: 100px; background: #FFCC33 url(../images/bgr_quick_links_bottom.gif);*/  }
	.shortcut_menu quick_links p4_section h2 { background-image: none; background: inherit; /*background: url(../images/bgr_quick_links_top.gif) no-repeat top; /*margin: -14px;*/ /*padding: 14px;*/ }
	.shortcut_menu p4_section h3 a { background: inherit; background-image: none;}
	.shortcut_menu quick_links p4_section h3 a { background: inherit; background-image: none;}
	.shortcut_menu quick_links p4_section ul { background-image: none; background: inherit;/*background: url(../images/bgr_quick_links_top.gif) no-repeat top; margin: -14px; padding: 4px 10px;*/ }

	.p4 {
		margin-left: -4px;
		margin-right: 2px;
		padding-bottom: 24px;
	}

	.shortcut_menu quick_links p2_section table {
		border: none;
		margin: 0px;
		width:auto;
		border-style:none;
	}
	
	.shortcut_menu quick_links p2_section table td {
		border: none;
		margin: 0;
		width: auto;
		border-style:none;
	}

	.shortcut_menu quick_links p2_section table tr {
		border: 0;
		margin: 0px;
		width:auto;
		border-style:none;
	}
	
	.quick_link 
	{
		background-image: none;
		border: 0;
	}


	.service_menu { background: #fec224 url(../images/bgr_service_menu_bottom.gif) no-repeat bottom; padding-bottom: 30px; float: left; margin-left: 20px; }
	.first { margin-left:0; }
		.service_menu h2 { background: url(../images/bgr_service_menu_top.gif) no-repeat top; }
		.service_menu p { font-weight: bold; }
		.service_menu select { width: 190px; }

	/* wide menu used on the frontpage, with a drop box: */
	.advices_menu { background:url(../images/bgr_advices_menu_bottom.gif) no-repeat bottom; width: 436px; margin-bottom: 1em;}
		.advices_menu h2 { background:url(../images/bgr_advices_menu_top.gif) no-repeat top; padding-top: 0.4em;}
		.advices_menu p { font-weight: bold }
		.advices_menu select { width: 425px; }

	/* shortcut_links contains only links: */
.shortcut_links { background: url(../images/bgr_shortcut_links_bottom.gif)  no-repeat bottom; margin-top: 0.6em; padding-bottom: 14px !important; padding-bottom: 0px; }
  .shortcut_links ul { background: url(../images/bgr_shortcut_links_top.gif) no-repeat top; margin-bottom: 4px;}

	/* shortcut_link_table for section_front_page */
	.shortcut_link_table { margin: 0; padding: 0; border: 0; width: auto; }
		.shortcut_link_table tbody, .shortcut_link_table th, .shortcut_link_table td { border: 0; margin: 0; padding: 0; }
		.shortcut_link_table h3 a { background: none; }
			
	/* Box linking to the self service site */
	.self_service_link { BACKGROUND: url(../images/bgr_self_service_link_btm.gif) no-repeat 50% bottom; HEIGHT: 117px; }
		.self_service_link h2 { background: url(../images/bgr_self_service_link_top.gif) no-repeat top; }
		.self_service_link img { float: right; position: relative; top: -2em; margin-bottom: -2em}
		.self_service_link .small_mouse 
		{
			margin-top: 14px;
		}
		
		/* Box on the PaaOsio page */
	.self_service_link_p2 { BACKGROUND: url(../images/bgr_self_service_link_btm.gif) no-repeat 50% bottom; height: 9.28em; min-height: 9.28em; }
		.self_service_link_p2 h2 { background: url(../images/bgr_self_service_link_top.gif) no-repeat top; }
		.self_service_link_p2 img { float: right; position: relative; top: -2em; margin-bottom: -2em}
		.self_service_link_p2 .small_mouse 
		{
			margin-top: 14px;
		}

/* Html content i.e. content entered in the CMS */
.html_content { clear: left; width: 500px; }
.html_content p { margin: 0.2em 0 0.8em 0;}
.html_content ul { list-style-type: disc; margin: 0.5em 0 1.5em 1.5em;  }
.html_content h1 {  }
.html_content h2 {  }
.html_content h3 {  }
.html_content h4, 
.html_content h5, 
.html_content h6 {  }


/* Print page (plus other page controls to come..) */
.page_controls { font-weight: bold; margin-bottom: 3em; clear: left; padding-top: 1em;}
	.page_controls a { padding: 5px 0 5px 30px; margin-right: 1.5em; line-height: 2em; }
	.page_controls .print { background:url(../images/icon_print.gif) left no-repeat; }
	.page_controls .print_path {visibility: hidden; display: none;}
	.page_controls .print_page_path {visibility: hidden; display: none;}
	.page_controls .publish_date { color: #AAAAAA;}

/* Section frontpage */
.section_frontpage_stories { list-style-type: none; margin: 0; padding: 0;}
.section_frontpage_stories ul {  margin: 0; padding: 0;}
	.section_frontpage_stories li { float: left;margin: 0; padding: 0; margin-bottom: 0; }
		.section_frontpage_stories li .left_col { float: left; width: 75px; margin: 0; }
		.section_frontpage_stories li .left_col img { display: block; margin: 0 0 0px 0; }
		.section_frontpage_stories li .right_col { margin-bottom: 0; margin-left: 100px; padding-bottom: 2px}
			.section_frontpage_stories li h3 { margin: 0; }
			.section_frontpage_stories li h3 a { margin-bottom: 0; background: url(../images/icon_arrow_right.gif) no-repeat right; padding-right: 15px; color: #000000; text-decoration: none; }
			.section_frontpage_stories li p { margin-bottom: 0;/* Ongelma bottom-marginin kanssa IE:ll.. */ }


/* Errors and other noticements */
.notice { border: 2px solid #ccc; padding: 0.5em; padding-left: 50px; margin: 0.5em 0 1em; /*margin: 0.5em -0.5em;*/ background: 7px 7px no-repeat; } 
.notice p { margin: 0.3em 0; } 
.notice .button { margin: 0.5em 0.5em 0.5em 0; } 
.notice .single { margin: 0.5em 0.5em 0.5em 0; float: right; } 

.instruction { padding-left: 0.5em; }
.basic { border-color: #093; padding-left: 0.5em;  }
.systemerror { border-color: #fc3; background-image: url(../images/icon_systemerror.gif)}
.usererror { border-color: #fc3; background-image: url(../images/icon_usererror.gif);background-repeat:no-repeat;}
.confirmation { border-color: #093; background-image: url(../images/icon_confirmation.gif)}
.information { border-color: #093; background-image: url(../images/icon_information.gif)}
.question { border-color: #fc3; background-image: url(../images/icon_question.gif)}


/* Footer */
#footer { border-top: 2px solid #f90; color: #666; clear: both; font-size: 1.1em; margin: 0; line-height: 2em; }
#footer p { margin-top: 0.2em; }
#footer .self_service_link { float: right; font-weight: bold; background:url(../images/icon_self_services_small.gif) right 0.5em no-repeat; padding-right: 55px;}
#footer .self_service_link a { background:url(../images/icon_arrow_right.gif) right no-repeat; padding-right: 12px;}

/*.notices { padding-left: 1em; margin-left: 0; background:url(../images/border_y_fc3.gif) no-repeat 0 1em; } */

.foreign_content { float:left;  width: 464px; overflow: hidden }
.site_frontpage .foreign_content { float:left;  width: 706px; overflow: hidden; }
.site_frontpage .foreign_content .html_content { float:left;  width: 706px; overflow: hidden;}
	
.calculator_table 
{
	border: 0;
	border-style: none;
}

.calculator_table tbody { border-top: 0; }

.calculator_table tr td
{
	border: 0;
	border-style: none;
}

.radio_table 
{
	border: 0;
	border-style: none;
	padding: 0;
	margin: 0;
}

.radio_table tbody { border-top: 0; }

.radio_table tr td
{
	border: 0;
	border-style: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.radio_table tr td input
{
	padding: 0 0 0 0;
	text-align: left;
	vertical-align: top;
	margin: 0 0 0 -98px;
}

.radio_table tr td label
{
	float: left;
    vertical-align: top;
    margin-top: -18px;
    margin: -14px 0 0 20px !important;
    margin: -17px 0 0 12px;
    padding: 0;
}


.title_row 
{
	background-color: #DDD;
}

.publish_table tbody { border-top: 0; }

.publish_table tr td
{
	border-style: none;
	border: 0 0 0 0;
}
.publish_table
{
	border-style: none;
	border: 0 0 0 0;
	border-top: 0px;
	border-top-style: none;
}

.publish_table tr td
{
	border-style: none;
	border: 0 0 0 0;
}

.publish_table tr
{
	border-style: none;
	border: 0 0 0 0;
}

.publish_table tr td table
{
	border-style: none;
	border: 0 0 0 0;
}


.publish_table tr td table tr
{
	border-style: none;
	border: 0 0 0 0;
}

.publish_table tr td table tr td
{
	border-style: none;
	border: 0 0 0 0;
}

.publish_table tr td table tr td input
{
		
}

.attachment_table tbody 
{
	border-style: none;
}

.attachment_cell 
{
	PADDING: 0 0 0 20px;
	MARGIN: 0px;
	BORDER-STYLE: none;
}



.attachment_cell .link_div UL 
{
	BORDER: 0px;
	PADDING: 8px 21px;
	BACKGROUND: url(../images/bgr_shortcut_links_top_small.gif) no-repeat 50% top;
	MARGIN: -21px;
	WIDTH: 160px;
}

.attachment_cell .link_div UL LI
{
	BACKGROUND: url(../images/tausta.jpg);
	background-repeat: repeat-y;
	margin-bottom: -0.3em;
	margin-top: -0.3em;
	padding-top: 3px;
	padding-bottom: 3px;
}

.front_link_li {
	
}

.attachment_cell .link_div UL LI H3 
{
	margin: 0.5em 0.5em 0.2em 0;
}


.attachment_cell .link_div 
{
	BORDER: 0px;
	PADDING: 21px;
	BACKGROUND: url(../images/bgr_shortcut_links_bottom_small.gif) no-repeat 50% bottom;
	FLOAT: right;
	WIDTH: 160px;
	LINE-HEIGHT: 1em;
}


.link_div UL LI 
{
 padding-left: 8px;
}


.link_div UL LI H3 A 
{
	PADDING: 2px 12px 0 0;
	BACKGROUND: url(../images/icon_arrow_right.gif) no-repeat right 50%;
	DISPLAY: block;
}



.attachment_cell .link_div_foreign UL 
{
	BORDER: 0px;
	PADDING: 8px 21px;
	BACKGROUND: url(../images/bgr_shortcut_links_top_big.gif) no-repeat 50% top;
	MARGIN: -21px;
	WIDTH: 200px;
}

.attachment_cell .link_div_foreign UL LI
{
	BACKGROUND: url(../images/tausta_wide.gif);
	background-repeat: repeat-y;
	margin-bottom: -0.3em;
	margin-top: -0.3em;
	padding-top: 3px;
	padding-bottom: 3px;
}


.attachment_cell .link_div_foreign UL LI H3 
{
	margin: 0.5em 0.5em 0.2em 0;
}


.attachment_cell .link_div_foreign
{
	BORDER: 0px;
	PADDING: 21px;
	BACKGROUND: url(../images/bgr_shortcut_links_bottom_big.gif) no-repeat 50% bottom;
	FLOAT: right;
	WIDTH: 200px;
	LINE-HEIGHT: 1em;
	margin-top: 6px;
}


.link_div_foreign UL LI 
{
 padding-left: 8px;
}


.link_div_foreign UL LI H3 A 
{
	PADDING: 2px 12px 0 0;
	BACKGROUND: url(../images/icon_arrow_right.gif) no-repeat right 50%;
	DISPLAY: block;
}




.attachment_image 
{
	margin-left: 30px;	
}

.upper_right_notice 
{
	float: right;
	vertical-align: top;
}

.html_content_cell 
{
	border-style: none;
	width: 500px;
}

.html_content_cell_foreign
{
	border-style: none;
	width: 500px;
}

.attachment_image_area 
{
	float: right;
}

.emailImage 
{
	margin-left: 2px;
	vertical-align: top;
	margin-top: 2px;
}

.emailText
{
	vertical-align: top;
	margin-left: 1px;
	
}

FIELDSET .left_col .html_content 
{
	WIDTH: auto;
}

 

FIELDSET .right_col .html_content 
{
	WIDTH: auto;
}


	
.site_frontpage #footer .self_service_link 
{
	display: none;
}

.app_error_area 
{	
	float: left;
	margin: 0;
	margin-left: 2em;
	padding-top: 4em;
	padding-bottom: 12em;
}

.app_error
{
	border-color: #fc3; 
	padding: 12px;
	padding-left: 3em;
	font-size: 1.4em;
	background-image: url(../images/icon_systemerror.gif);
	background-repeat: no-repeat;
}

.self_service_net_link 
{
	vertical-align: bottom;
}

.paper_listpage h3 
{
	float:left;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #a2a2a2;
	border-top: 1px solid #a2a2a2;
	font-size: 1.4em;
	padding: 0.3em 0;
	letter-spacing: 0.02em;
}

.paper_listpage .main_content_area ul { float:left; width: 98%; margin-left: 0.5em; }
.paper_listpage .main_content_area ul li { width: 48%; float: left; background:url(../images/bullet_listing.gif) no-repeat 0 0.4em; padding-left: 15px; list-style-type: none; margin: 0.1em 0; }
.paper_listpage .main_content_area ul a { font-weight: bold; color: #000; text-decoration: none; }

.content_list
{
	width: 80%;
}

.content_list li
{
 line-height: 1.5em;
 width: 100%;
}

.publications
{
	height: 100px;
}

.left_col p label 
{
	padding-bottom: 4px;
}

.result_table 
{
	margin: 0;
	margin-bottom: 12px;
}