/* E21 CSS Pohja */

/* Käytännöt:
	* Tyylien nimet p }nillä kirjaimilla.
	* Välimerkkinä ja -lyöntinä "_" (alaviiva).
	* Etäisyys-suureena pikseli (esim. "28px").

/***************************/
/*SIVUTYYLIT*/
/***************************/
html, body { height: 100%; }

body {
	margin: 0;
	padding: 0;

	background-color: #FFFFFF;
	background-image: url("/images/customer/bg_gradient.jpg");
	background-repeat: repeat-x;

	color: #434343;

	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
			
	letter-spacing: 0px;
	line-height: 16px;
/*	line-height: 1.6;*/
}

/* Grandparent wrapper, to make background play nice */
div#wrapper { background: url("/images/customer/bg_gradient.jpg") repeat-x; }
div#wrapper_tuki { background: url("/images/customer/bg_tuki_gradient.jpg") repeat-x; }

/***************************/
/* RAKENNE (turhat marginit voi poistaa lopuksi)*/
/***************************/
div#page {
	width: 904px;
	margin: 0 auto;
	color: #000;                                                                          
	text-align: left;
	background: url("/images/customer/background_repeat.gif") repeat-y 0% 50%;
	position: relative;
}

* html div#page { width: 904px; overflow: hidden; }

div#content { min-height: 459px; position: relative; }
* html div#content { height: 459px; }

div#content_frontpage { min-height: 276px; position: relative; }
* html div#content_frontpage { height: 276px; }

div.container { color: #444444; margin: 0px 180px 0 210px; padding: 4px 10px 8px 10px; }
div.container_right { width: 200px; float: right; margin-top: 4px; margin-right: 6px; color: #444444; } /* padding 6px */

div.container_left { width: 192px; float: left; padding: 6px; margin-left: 6px; color: #444444; }

div.container_wide { color: #444444; margin: 0px 0px 0px 210px; padding: 4px 10px 8px 10px; }
div.container_frontpage { margin: 0px 210px 0px 0px; padding: 4px 10px 8px 10px; }
div.container_fullwidth { color: #444444; width: 100%; margin: 0px 0px 0px 0px; padding: 4px 0px 8px 0px; }

/* Oikea puoli */
div.container_right p,
div.container_right h1,
div.container_right .link { padding: 0 6px 0 6px; margin: 0 0 2px 0;  }

/***************************/
/* LINKKITYYLIT */
/***************************/
a:link { color: #346c97; font-weight: normal; text-decoration: underline; }
a:active {}
a:hover { text-decoration: underline; }
a:visited { color: #68a0cb; text-decoration: none; }

.internal_link { color: #346c97; font-weight: normal; text-decoration: underline; }
.internal_link hover { text-decoration: underline; }
.internal_link visited { color: #68a0cb; text-decoration: none; }

	div.bullet { float: left; width: 8px; height: 8px; margin: 0px 2px 0px 0px; padding: 0; }


.file_link { color: #346c97; font-weight: normal; text-decoration: underline; }
.file_link hover { text-decoration: underline; }
.file_link visited { color: #68a0cb; text-decoration: none; }

.file_size { font-size: 10px; color: #949494; }


/***************************/
/* PÄÄTEKSTITYYLIT */
/***************************/
.plaintext { /* leipis */
	color: #434343;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 16px;
}

.ingress { font-size: 11px; line-height: 16px;}

h1, .header1, .product_heading { /* pääotsikko*/
	color: #434343;
	font-size: 20px;
	font-weight: bold;
} 

h2, .header2 { /* 2. pääotsikko*/
	color: #434343;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

h3, .header3 { /* 3. pääotsikko*/
	color: #434343;
	font-size: 11px;
	font-weight: bold;
}

/***************************/
/* VASEMMAN LAIDAN TEKSTITYYLIT */
/***************************/

.left_plaintext { /* vasen navigaatio*/
	color: #434343;
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	font-weight: normal;	
	letter-spacing: 0px;
	line-height: 12px;
}

.ingress_left {
	font-weight: normal;
	font-size: 10px;
	color: #999999;
	line-height: 12px;
}

h6, .header6 { /* Vasemman navin Pääotsikko*/
	color: #434343;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

/***************************/
/* OIKEAN LAIDAN TEKSTITYYLIT */
/***************************/

.right_plaintext { /* oikea navigaatio*/
	color: #434343;
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px; /* 10px */
	font-weight: normal;	
	letter-spacing: 0px;
	line-height: 12px;
}
.right_plaintext a {
	text-decoration: underline;
}

.ingress_right {
	font-weight: normal;
	font-size: 10px;
	color: #999999;
	line-height: 12px;
}

h4, .header4, div.container_right h1  { /* Oikean navin 1. pääotsikko*/
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

h5, .header5, div.container_right h2 { /* Oikean navin 2 pääotsikko*/
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

/***************************/
/* QUICK LINKS HEADER BREDCRUMBS JA FOOTER */	
/***************************/
div#quicklinks { width: 892px; margin-left: 6px; height: 24px; max-height: 24px; font-size: 10px; text-align: right; background-color: #edf2f6; color: #949494; }
	
	div#quicklinks ul { list-style: none; display: inline; float: right; margin-top: 4px; margin-right: 10px;}
		div#quicklinks ul li { display: inline; float: left; margin-left: 12px; font-size: 10px; }
	
	div#quicklinks a { text-decoration: none; color: #949494; }
	div#quicklinks a:hover,
	div#quicklinks a.selected { text-decoration: underline; color: #949494; }
	

div#header { display: none; }

div.breadcrumbs { font-size: 10px; color: #949494; margin-bottom: 8px; }
	div.breadcrumbs a.inactive,
	div.breadcrumbs a.last { color: #949494; text-decoration: none; }
		div.breadcrumbs a.inactive:hover { color: #949494; text-decoration: underline; }
		div.breadcrumbs a.inactive:active  { color: #949494; text-decoration: underline; }
		
	div.breadcrumbs a.active { text-decoration: underline; }

div#footer { text-align: left; font-size: 11px; color: #949494; position: relative; }
	div#footer a { color: #346c97; text-decoration: none; }
	div#footer a.selected { text-decoration: underline; }
	div#footer a:hover { color: #346c97; text-decoration: underline; }

	div#footer table { width: 100%; }
	div#footer table td { padding-top: 4px;}
	
	div#footer div.footer_container { width: 876px; border-top: solid 2px #ddd; margin-left: 12px; }
	
	td.footer_copyright { width: 210px; padding-left: 20px; }
	td.footer_quicklinks { text-align: center; }
	td.footer_spacer { width: 210px; padding-right: 20px; }
	
/***************************/
/* NAVIGAATIO */	
/***************************/

/* LEVEL 1 */
#nav_1 { display: none; }

/* LEVEL 2 */
#nav_2 { font-size: 10px; color: #949494; }
	#nav_2 a { font-size: 10px; color: #949494; }
	
	#nav_2 ul { list-style: none; margin: 0; }
		#nav_2 ul li a:hover { }
			

/* LEVEL 3 */
div.nav_3 { margin-left: 0px; padding-left: 0px; }

	div.nav_3 {
		list-style: none; padding: 0; border-top: 1px solid #cccccc;
		background-image: url("/images/customer/bullet_grey_horizontal.gif");
		background-repeat: no-repeat;
		background-position: left 5px;
		padding: 1px 0px 1px 10px;
		padding-top: 2px; padding-bottom: 1px;
	}

	div.nav_3_last {
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
	}

	div.nav_3 a,
	div.nav_3 a:visited {
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		color: #434343;
		text-decoration: none;
	}

	div.active_parent { background-image: url("/images/customer/bullet_grey_vertical.gif"); background-position: left 6px; }
	div.container_left > div.active { background-image: url("/images/customer/bullet_grey_vertical.gif"); }

		div.nav_3 a:hover { text-decoration: underline; }
		div.nav_3 a:active { /* background-image: url("/images/customer/bullet_grey_vertical.gif"); background-repeat: no-repeat; text-decoration: underline; */ }

/* LEVEL 4 */
div.nav_4 {
	background-image: url("/images/customer/bullet_level.gif");
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-left: 5px;
	padding: 1px 0px 1px 10px;
	font-size: 11px;
	color: #434343;
	}

	div.nav_4 a,
	div.nav_4 a:visited { font-size: 11px; color: #434343; text-decoration: none; }
		div.nav_4 a:hover{ text-decoration: underline; }

/* LEVEL 5 */
div.nav_5 {
	background-image: url("/images/customer/bullet_level.gif");
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-left: 10px;
	padding: 1px 0px 1px 10px;
	font-size: 11px;
	color: #434343;
	}

	div.nav_5 a { font-size: 11px; color: #434343; text-decoration: none; }
		div.nav_5 a:hover { text-decoration: underline; }

/* LEVEL 6 */
#nav_6 {
	background-image: url("/images/customer/bullet_level.gif");
	background-repeat: no-repeat;
	margin-left: 15px;
	padding: 1px 0px 1px 0px;
	font-size: 11px;
	color: #434343;
	}
	
	#nav_6 a,
	#nav_6 a:visited { font-size: 11px; color: #434343; text-decoration: none; }
		#nav_6 a:hover { text-decoration: underline; }
		
/***************************/
/* FLASH-NAVIGAATIO */
/***************************/
div#navi { width: 892px; height: 310px; position: relative; background: #ffffff; padding: 0; margin: 0; width: 892px; margin-left: 6px; z-index: 20; }

div#navi div.gradient_left { margin-left: -6px; }
div#navi div.gradient_right { margin-right: -6px; }

div#navi object,
div#navi embed { width: 892px; }

/***************************/
/* ELEMENTIT */
/***************************/
ul {}
ul li {}

/***************************/
/* HAKU */
/***************************/
table.search_input { border-collapse: collapse; border: solid 1px #c3c3c3; }
	table.search_input td { padding: 0; margin: 0; }
	table.search_input td.field input { font: normal 11px Arial, Helvetica; padding: 5px 0px 0px 2px; height: 16px; border: 0; }
	
	table.search_input td.submit { background: #c3c3c3; height: 16px; line-height: 12px; }
	table.search_input td.submit input { height: 20px; padding: 2px 0 0 0; margin: 0 0 -2px 0; }
	td.field input.search_text_input { width: 340px; }
	td.field input.search_box { width: 156px; }
	
/*	div#search_box { margin-bottom: 6px; }*/

	div#search_box td { height: 20px; vertical-align: top; }
	
	div#search_box td.field,
	div#search_box td.field input { width: 168px; margin: 0; line-height: 16px; }
	
	div#search_box td.submit { line-height: 16px; padding-top: 0; margin-top: 0; }
	
	div.result_path { padding-left: 8px; background: url("/images/customer/bullet_level.gif") no-repeat left 3px; }
	
	div.search_results_header { border-top: solid 1px #ddd; margin-bottom: 8px; padding-top: 6px; }
	.search_result_path { font-size: 10px; }
	
table.news_nav_items { width: 130px; border-collapse: collapse; }

	td.news_nav_prev { width: 60px; text-align: right; }
	td.news_nav_next { width: 60px; text-align: left; }
	
	td.news_nav_separator { width: 10px; text-align: center; }


/***************************/
/* UUTISET */
/***************************/

/* e1e1e1 */
div#news
div.list_item { border-bottom: solid 1px #e1e1e1; padding: 0 6px 0 6px; margin-bottom: 0; }
	div.list_item span.date { color: #afafaf; padding: 0 6px 0 6px; }
	div.list_item span.news_lead { padding: 0 6px 0 6px; }
	div.list_item a.news { font-size: 11px; }
	
	div.bottom_border { border-bottom: solid 1px #e1e1e1; padding-bottom: 6px; }
	div.news_nav { float: right; }
	div.heading { margin-bottom: 8px;  }
	div.news_item div.heading { padding-top: 6px; }
	
	.news_link { padding-left: 6px; }
	.container_right .news_link { padding-left: 0; }
	
/***************************/
/* PALVELUT */
/***************************/

div.palvelut,
div.static_error { margin: 0; padding: 24px 48px 0px 48px; }		/* Static error class for error pages */

	div.palvelut h1 { margin: 0; padding-bottom: 8px;}
	div.palvelut div.cell { width: 33%; float: left; margin-bottom: 16px; }
	
		div.row { /*padding-bottom: 8px;*/ }
			div.cell p,
			div.cell h1 { padding-right: 20px; }
			
	div.palvelut div.caption { padding: 0px; height: 36px; }
		div.caption div.caption_icon { float: left; width: 40px; height: 36px; padding: 0; }
			div.caption_icon { }
		div.caption div.caption_heading { height: 36px; padding-left: 4px; float: left; }
		
	div.palvelut div.html_area_block, span.normal_text { padding: 0px; }
	div.palvelut p { margin: 2px 0px 4px 0px; } 
	div.palvelut_top { margin-bottom: 16px; }
	div.palvelut_top h1 { padding-top: 11px; padding-bottom: 14px; }
	
	div.tuotesivu_icon { width: 40px; height: 40px; float: left; margin-right: 6px; }
		div.tuotesivu_icon img { padding: 3px; }
	
	div.product_icon { width: 40px; height: 34px; margin-right: 0px; float: left; }
		div.product_icon img { width: 34px; height: 34px; }
		
	div.product_heading { padding-top: 5px; height: 34px; line-height: 1.15; }
	
		div.product_heading a,
		div.product_heading a:visited { padding-left: 4px; color: #394f7e; font-weight: bold; text-decoration: none; }

/* Ikoninavigaatio */
ul#icons { list-style: none; margin: 0; padding: 0; }
	ul#icons li {
		display: inline;
		float: left;
		overflow: hidden;
		text-align: center;
		padding: 0;
		margin: 0;
	}
		
	/* ul#icons li a { width: 32px; } */
	
	ul#icons img { border: 0; padding: 0; margin: 0; }
	
	ul#icons li img { border: solid 2px #fff; padding: 2px; }
	ul#icons li a.icon_active img { border: solid 2px #bbb; }
	
	ul#icons li a.hover img { border: solid 2px #ddd; }
	
div#icon_label { padding: 2px 0px 2px 0px; text-align: center; width: 192px; }

/***************************/
/* ETUSIVU */
/***************************/
div.banner_small { width: 335px; float: left; margin: 0; padding: 0; text-align: center; }
div.banner_wide { width: 670px; float: left; text-align: center; }


/***************************/
/* LOMAKKEET */
/***************************/
div#form {}
	div.form_section_heading { font-weight: bold; }
	div.form_section_body { margin-bottom: 20px; }
	
	/* List */
	ul.form_list { list-style: none; margin: 0; padding: 0; }
		ul.form_list li { display: inline-block;}
		ul.form_list li { display: block; }
		
		ul.form_list ul { list-style: none; margin: 0px 0px 0px 16px; padding: 0; }

	div.form_cell { width: 50%; float: left; }
		div.form_item_caption,
		div.form_item { }
		
			div.form_submit { text-align: right; padding-right: 16px; }
		
			div.form_item_caption,
			div.form_section_body label,
			div.form_item input,
			div.form_item select,
			div.form_item option { font: normal 11px Arial, Helvetica, sans-serif; }
			
			div.form_item_caption { padding-top: 4px; }

			div.form_item input.input,
			div.form_item select { width: 210px; border: solid 1px #909090; }
			
			div.form_item input.input { padding: 2px; width: 206px; }
			
			div.form_item textarea.input { width: 430px; height: 140px; font: normal 11px Arial, Helvetica, sans-serif; border: solid 1px #909090; padding: 2px; }

/***************************/
/* SIVUKARTTA */
/***************************/
div#sitemap { margin: 0; padding: 18px 48px 0px 48px; }
	div#sitemap table { border-collapse: separate; }
	div#sitemap .border_bottom { border-bottom: solid 2px #d6d6d6; padding-bottom: 8px; }
	
	div#sitemap td.sitemap_cell { width: 180px; }
	
	div#sitemap td.sep { width: 20px; }
	
	div#sitemap .level_1 a {  }
	
/***************************/
/* MUUT */
/***************************/

div.clear { clear: both; }
div.gradient_left { position: absolute; left: 0px; top: 0px; }
div.gradient_right { position: absolute; right: 0px; top: 0px; }

div.bgclear { background: #3e4f7d; }

div.txtarea_gradient_left {}
div.txtarea_gradient_right {}

div.html_area_block ul { list-style: none; margin-left: 10px; }
div.html_area_block ul li { background: url("/images/customer/bullet_blue.gif") no-repeat left 4px; padding-left: 10px; }

/* li.active */
div.breadcrumbs .active, 
div.container_left .active,
 { text-decoration: underline; }

div.navi_bottom { border-top: solid 1px #cccccc; }

div.temp_navi ul { list-style: none; margin: 0; }
	div.temp_navi ul li { list-style: none; }
	
	div.temp_navi ul li a { display: block; width: 205px; height: 56px; color: #ffffff; font-size: 20px; }
	div.temp_navi ul li a:hover { background: #ffffff; color: #7d7d7d; }
	
	span.filesize { color: #7d7d7d; }

	.container_right div.right { text-align: right; }

	.input_error { border: solid 1px #f00; }
	
	span.raquo {}
	
	.ruksiruutu { height: 56px; background: #e9f8eb; }
	.ruksiteksti { padding-left: 68px; padding-top: 20px; font-size: 12px; font-weight: bold; }
	.ruksi { float: left; padding: 4px 4px 4px 8px; width: 40px; height: 40px;  }
	
/***************************/
/* TUKISIVUT */
/***************************/
div#header_area { position: relative; }
div#header_support { height: 56px; padding-left: 8px; width: 200px; }
div#header_title { position: absolute; right: 6px; top: 0; height: 56px; width: 800px; float: right; text-align: right; line-height: 60px; overflow: hidden; }
	div#header_title h2 { padding: 0; margin: 0 -2px 0 0; font-size: 84px; color: #f3f3f3; }

/* Navi */
div#top_nav { background: url("/images/customer/support_navi_bg.gif") repeat-x top left; height: 36px; }

div#top_nav ul { list-style: none; margin: 0 6px 0 6px; padding: 0; height: 28px; }
	div#top_nav ul li { display: inline; height: 36px; float: left; font-size: 13px; padding: 0 0px 0 20px; background: url("/images/customer/navi_support_bg_left.gif") no-repeat left 3px;  }
	
	div#top_nav ul li a.inactive,
	div#top_nav ul li a.inactive:visited { font-weight: bold; text-decoration: none; color: #2d394f; display: block; padding: 6px 0 6px 0; border-top: solid 3px #413f4d; border-bottom: solid 3px #413f4d; }
	
	div#top_nav ul li a.active { font-weight: bold; text-decoration: none; color: #2d394f; display: block; padding: 6px 0 6px 0; border-top: solid 3px #fd7600; border-bottom: solid 3px #fd7600; }
	div#top_nav ul li a.inactive:hover { font-weight: bold; text-decoration: none; color: #2d394f; display: block; padding: 6px 0 6px 0; border-top: solid 3px #fd7600; border-bottom: solid 3px #fd7600; }
	  
	/* font-weight: bold; padding: 6px 0 6px 0; border-top: solid 3px #fd7600 !important; border-bottom: solid 3px #fd7600 !important; text-decoration: none !important; */ } 
	
/* Lightbox */
div.lightbox_close { text-align: right; }

div#navi div.alt { display: none; }