/***********************************
************************************
***
** 1. Defaults
** 2. Helpers
** 2. Common
** 3. Navigation
** 4. Modules
** 5. Structure
** 6. Installation specific
* 7. news exclusive
* 8. print exclusive

Guidelines:
- Please maintain the files general structure as is.
- Maintain style selectors' (tree like) indentations.
- Insert special pages style overrides next to the original style.
- Exception to previous: Structure overrides of some template pages with major
  modifications are to be placed as a separate block at the end of the file.
- Header styles are in components.css, but place color their definitions here.
- Default font should be placed in components.css AND in the first selector
  of this file.
- ID-selectors must always include the element name (i.e. div#search_box)
- Class-selectors, same thing. If you want to allow all element types
  use the star-selector i.e. *.class
 
/****************************************************************************
                     Defaults
*****************************/

/* Default font (normal_text). Same as in components.css */
body, table, td, li, input, *.normal_text {
	font-size: 12px;
	line-height: 17px;
	font-family: Arial, sans-serif;
}

body {
	background: white;
	color: #333333;
	padding: 0; margin: 0;
	
	/* Centers main container for IE. Requires text-align: left;
	 * in the container, because center seems to be inherited.
	 */
	text-align: center;  
}
table {
	border-collapse: collapse; /* setting cellspacing is therefore redundant */ 
	empty-cells: show;
	margin: 0;
}
td { vertical-align: top; padding: 0; }
th { text-align: left; font-weight: bold; }

p { margin: 5px 0 15px 0; padding: 0;}

ul, ol {
	padding: 0;
	margin: 0;
	text-indent: 0;
	
}
ul { 
	list-style-position: outside; 
	list-style-type: disc; 
	margin-left: 15px;
}
ol { 
	list-style-position: inside;  
	list-style-type: decimal; 
	margin-left: 0px;
}

form { padding: 0; margin: 0; }



/****************************************************************************
                       Helpers
*****************************/

h1.left	 { display: block; margin-bottom: 5px; font-weight: bold; }
h1.right { display: block; margin-bottom: 5px; font-weight: bold; }

*.tiny_text					{ font-size: 10px; }
*.small_text				{ font-size: 11px; }
*.large_text				{ font-size: 16px; }
*.huge_text					{ font-size: 18px; }

input.short_width	 { width: 90px; }
input.normal_width { width: 150px; }
input.long_width	 { width: 200px; }

input.button			 {	}
input.text				 {	}

*.nopad							{ margin: 0 !important; padding: 0 !important; }
*.bmargin						{ margin-bottom: 15px; }
*.padblock					{ display: block; padding: 10px 0; }

*.error							{ font-weight: bold; color: red; }
*.ok								{ font-weight: bold; color: green; }

td.align_middle			{ vertical-align: middle; }
td.align_top				{ vertical-align: top; }
td.align_bottom			{ vertical-align: bottom; }
*.align_left				{ text-align: left; }
*.align_center			{ text-align: center; }
*.align_right				{ text-align: right; }

*.verdana						{ font-family: 'Verdana', 'san-serif'; }
*.arial							{ font-family: 'Arial', 'san-serif'; }

/** add you own here **/

/****************************************************************************
                       Common
*****************************/

/****
links
*****/

	/** Normal links within text etc. **/
	a, a:visited {
		color: #00549f;
		text-decoration: none;
	}
	a:hover	{
		color: #00549f;
		text-decoration: underline;
	}
	
	/* internal_link and file_link */
	a.file_link, a.file_link:visited,
	a.internal_link, a.internal_link:visited {
		line-height: 17px;
		font-weight: normal;
		text-decoration:underline;
	}
	div.internal_link {
		background-image: url('/images/customer/icon_link_orange.gif');
		background-position: 2px 6px;
	}
	div.file_link {
		background-position: 0px 2px;
	}
	div.file_link, div.internal_link {
		background-repeat: no-repeat;
		padding-left: 15px;
		
	}
/*****
header
******/

/** Ingress **/		

	body#frontpage div#ingress { background: #fff; color: #000 !important; border-left: 3px solid #145192; margin-top: 0; padding-top: 0; }
	body.t_16 div#ingress { width: 620px; }
	body#frontpage div#ingress p {color: #000 !important; font-weight: normal;}
	body#frontpage div#ingress h1 {color: #004586 !important; }
	div#ingress {
		
		background: #6e92c4; 
		padding: 10px 0px 2px 0px;
		margin-bottom: 15px;
		margin-top: 2px;
		vertical-align: middle;
	}
		
	div#ingress div.html_area_block * {
		/*color: #ffffff;*/
		line-height: 17px;
		font-weight: bold;
	}
	body#frontpage div#ingress div.html_area_block p a{
		font-weight: normal;
	}

	div#ingress img {
		margin: 3px 5px 10px 0;
	}
	
	h1.ingress {
		color: #ffffff;		
		padding: 0px;
		/*margin: 0px;*/
	}

/*****
footer
******/

	div#footer {width: 100%;}
		div#footer table { width: 100%; }
			div#footer table td { 
				height: 30px; 
				vertical-align: middle; 
				text-align: center;
				border: 1px solid black;
			}
				div#footer .footer a,
				div#footer .footer a:visited {}
				div#footer .footer a:hover {}
				div#footer .powered_by, 
				div#footer .powered_by a, 
				div#footer .powered_by a:visited {}
				div#footer .powered_by a:hover {}
				
				
	div#footer {
		position: relative;
		background: #999999;
		color: #ffffff;
		font-size: 11px;
	}
	div#footer { clear: both; }
	
	#footer_content { padding-left: 16px; }
				

/****************************************************************************
                   Navigation
*****************************/

/***
path
****/

	div#path { margin-left: 15px; margin-top: 4px; margin-bottom:0;}
		div#path div {  }
			div#path,
			div#path a,
			div#path a:visited { font-style: italic; font-size: 10px; color: #333333; text-decoration: underline;}
			div#path a:hover   { text-decoration: underline; }
			div#path a.last, div#path a.last:visited {text-decoration: none !important;} 
			
/*************
top navigation
**************/

	div#top_nav { border: 1px dashed maroon; }
		div#top_nav table.level_1 {}
			div#top_nav table.level_1 td { 
				border-left: 1px solid grey; 
				padding: 0 10px; 
				height: 30px;
				vertical-align: middle;
			}
			div#top_nav table.level_1 td.first { border-left: none; }
				div#top_nav table.level_1 a,
				div#top_nav table.level_1 a:visited {
					text-decoration: none !important;
					font-size: 16px;
					font-weight: normal;
					color: red;
				}
				div#top_nav table.level_1 a:hover   { 
					background-color: pink;
				}
				
				div#top_nav table.level_1 a.active,
				div#top_nav table.level_1 a.active:visited,
				div#top_nav table.level_1 a.active:hover {
					font-weight: bold;
				}
				
/* Jonin: */

		/** Top Menu **/
			div#top_menu_container {
				/*background: #999999;*/
				background: #145192;
			}
				table#top_menu {
					width: 100%;
				}
					table#top_menu td {
						height: 18px;
						vertical-align: middle;
						text-align: center;
						padding: 0px;
						margin: 0px;
						padding-left: 14px;
						padding-right: 14px;
					}
					table#top_menu td.active {
						/* background: #004586; */
						/*background: #005A9C; */
						/*background: #145192;*/
						background: #999999;
					}
					table#top_menu td.active a, table#top_menu td.active a:visited {
						font-weight: bold;
					}
					table#top_menu a, table#top_menu a:visited {
						color: #ffffff;
						font-family: arial;
						font-size: 12px;
					}

/**************
side navigation
***************/

	ul#side_menu li.level_2 a.inactive,
	ul#side_menu li.level_3 a.inactive,
	ul#side_menu li.level_4 a.inactive { /*font-weight: bold;*/ }
	ul#side_menu li.level_2 a.inactive:visited,
	ul#side_menu li.level_3 a.inactive:visited,
	ul#side_menu li.level_4 a.inactive:visited { font-weight: normal; }


	div#side_nav { width: 200px; float: left; /* WTF float? FTW! */ }
		ul#side_menu {
			list-style-type: none;
			marker-offset: 0;
			padding: 0;
			margin: 0;
			text-indent: 0;
			margin-top: 0px;
			
			border-left: 3px solid #145192;
			background-color: #dadadc;
		}
		ul#side_menu li { border-bottom: 1px dotted #b7b8ba; }
			ul#side_menu li a {
				background: none;
				padding-left: 14px;
				display: block;
				text-decoration: none;
				font-size: 11px;
				height: 17px;
			}
			
			ul#side_menu li a.inactive { color: #787878; font-weight: bold; }
			ul#side_menu li a.active   { color: #000000; font-weight: bold; }
			ul#side_menu li a.active_parent   { color: #00549f; }
			
			/************* level 1**************/
			ul#side_menu li.level_1 { margin-left: 3px; padding-left:  0px; background: #dadadc; }
			ul#side_menu li.level_1.active{ background: #f5f5f5 !important; margin-left:0; padding-left: 3px;}
			ul#side_menu li.level_1.active_parent { background: #f5f5f5 !important; margin-left:0; padding-left: 3px;}
			ul#side_menu li.level_1 a {
				height: auto;
				display: block;
			}
			
			ul#side_menu li.level_1 a.inactive, 
			ul#side_menu li.level_1 a.inactive:visited {
				color: #000000;
			}
			ul#side_menu li.level_1 a.active, 
			ul#side_menu li.level_1 a.active:visited,
			ul#side_menu li.level_2 a.active, 
			ul#side_menu li.level_2 a.active:visited {
				background-color: #f5f5f5;
				/* color: #fda038; */
				color: #e68618; 
				background: url('/images/customer/bullet_arrow_orange.gif') no-repeat 7px 6px ;
			}
			ul#side_menu li.level_1 a.active_parent, 
			ul#side_menu li.level_1 a.active_parent:visited {
				color: #00549f;
				background: url('/images/customer/bullet_arrow_blue.gif') no-repeat 7px 5px ;
				
			}

			/************* level 2**************/
		ul#side_menu li.level_2 {
			background: #f5f5f5;
			padding-left: 9px; 
		}
		    
			ul#side_menu li.level_2 a{
				height:auto;
				display:block;
			}
		    
		  ul#side_menu li.level_2 a.inactive, 
		  ul#side_menu li.level_2 a.inactive:visited {
				color: #333333;
				font-weight: normal;
			}
			ul#side_menu li.level_2 a.active_parent, 
			ul#side_menu li.level_2 a.active_parent:visited {
				font-weight: bold !important;
				color: #00549f;
				background:  url('/images/customer/bullet_arrow_blue.gif') no-repeat 7px 5px ;
			}
			
		/************* level 3**************/
		ul#side_menu li.level_3 { 
			padding-left: 5px;
			background-color: #f5f5f5;
		}
			
			ul#side_menu li.level_3 a {
				height: auto;
				display: block;
			}
			
			ul#side_menu li.level_3 a.active, ul#side_menu li.level_3 a.active:visited {
				font-weight: bold !important;
				/* color: #fda038 !important; */
				color: #e68618 !important; 
				background: url('/images/customer/bullet_arrow_orange.gif') no-repeat 7px 6px ;
				margin-left:15px;
			}
			
			ul#side_menu li.level_3 a.inactive {
				color: #666666;
				font-weight: normal !important;
				margin-left:15px;
			}
			ul#side_menu li.level_3 a.active_parent, 
			ul#side_menu li.level_3 a.active_parent:visited {
				font-weight: bold !important;
				color: #00549f !important;
				background: url('/images/customer/bullet_arrow_blue.gif') no-repeat 7px 5px ;
			}
			/************* level 4**************/
			
			ul#side_menu li.level_4 { padding-left: 35px; background-color: #f5f5f5;clear:both;}
			
			ul#side_menu li.level_4 a{
			height:auto;
		    display:block;
		   }
			
			ul#side_menu li.level_4 a.inactive {
				color: #666666;
				font-weight: normal;
				padding-left:15px;
			
			}
			ul#side_menu li.level_4 a.active, 
			ul#side_menu li.level_4 a.active:visited,
			ul#side_menu li.level_4 a.active_parent, 
			ul#side_menu li.level_4 a.active_parent:visited {
				/* color: #FDA038; */
				color: #e68618 !important; 
				background:  url('/images/customer/bullet_arrow_orange.gif') no-repeat 7px 6px ;
				padding-left:15px;
				
			}
			
			ul#side_menu li.level_4 a.active_parent, 
			ul#side_menu li.level_4 a.active_parent:visited {
				font-weight: bold !important;
				color: #00549f !important;
				background: url('/images/customer/bullet_arrow_blue.gif') no-repeat 7px 5px ;
			}
			/************* level 5**************/
			
			ul#side_menu li.level_5 { margin-left: 20px; background-color: #e9e4e3;}
			
			ul#side_menu li.level_5 a {
				height:auto;
		    display:block;
		   }
			
			ul#side_menu li.level_5 a.inactive, ul#side_menu li.level_3 a.inactive:visited {
				color: #666666;
				font-weight: normal;
				margin-left:15px;
			
			}
			ul#side_menu li.level_5 a.active, 
			ul#side_menu li.level_5 a.active:visited,
			ul#side_menu li.level_5 a.active_parent, 
			ul#side_menu li.level_5 a.active_parent:visited {
				/* color: #FDA038; */
				color: #f09835 !important;				
				background:  url('/images/customer/bullet_arrow_orange.gif') no-repeat 7px 6px ;
				margin-left:15px;
				
			}
		ul#side_menu li.level_5 a.active_parent, 
			ul#side_menu li.level_5 a.active_parent:visited {
				font-weight: bold !important;
				color: #00549f !important;
				background: url('/images/customer/bullet_arrow_blue.gif') no-repeat 7px 5px ;
			}

/****************************************************************************
                      Modules
*****************************/

/**
FAQ
***/

	*.faq_question, *.faq_questioner,
	*.faq_answer, *.faq_answerer { display: block; margin-bottom: 15px; }
	
	*.faq_answer     { }
	*.faq_answerer   { }
	*.faq_question   { }
	*.faq_questioner { }
	
	*.faq_back { }

/******
sitemap
*******/

	div#sitemap { }
		div#sitemap table { width: 100%; }
			div#sitemap table td      { padding-right: 20px; }
			div#sitemap table td.last { padding-right: 0px; }
				div#sitemap span.level_1 { display: block; margin-bottom: 10px; }
					div#sitemap a.level_1  { font-size: 22px; color: #000; }
				div#sitemap ul       { margin-left: 0; padding-left: 15px; list-style-type: none}
					div#sitemap ul li  { }
						div#sitemap ul a { color: #000 !important; }
				div#sitemap ul.level_2    { margin-left: 5px; }
					div#sitemap li.level_2  { }
						div#sitemap a.level_2 { }
				div#sitemap ul.level_3    { }
					div#sitemap li.level_3  { }
						div#sitemap a.level_3 { }

	/** **/
	
	div#sitemap { width: 100%; }
	div#sitemap td.level_1 {}
	div#sitemap a.level_1, div#sitemap a.level_1:visited {
		display: block;
		font-size: 24px !important; 
		font-weight: normal; 
		font-family: Arial, sans-serif; 
		white-space: nowrap;
		color: #004586;
		background: #e8f0f3;
		padding: 8px;
	}
	
	div#sitemap ul { list-style-type: none; padding: 0px; margin: 0px; background: url('/images/customer/sitemap_line_middle.gif') repeat-y;}
	div#sitemap ul.level_2 { margin-left: 20px; }
	
	div#sitemap li { padding-left: 14px; background: url('/images/customer/sitemap_line_middle_page.gif') no-repeat;}
	div#sitemap li.first { padding-left: 14px; background: url('/images/customer/sitemap_line_top_page.gif') no-repeat;}
	div#sitemap li.last { padding-left: 14px; background: white url('/images/customer/sitemap_line_bottom.gif') no-repeat !important; }
	
	div#sitemap a.level_2, div#sitemap a.level_2:visited { color: #00549F !important; font-weight: bold; }
	div#sitemap a.level_3, div#sitemap a.level_3:visited { color: #00549F !important; font-size: 11px; }
	div#sitemap a.level_4, div#sitemap a.level_4:visited { color: #999999 !important; font-size: 11px; }
	
	/** **/
	
	body#sidekart td#content_container { background: url('/images/customer/left_bg_light_blue.gif') repeat-y; }
	body#sidekart div#side_nav,
	body#sidekart div#path { display: none; }
	
/***********
product card - tuotekortti
************/

div#product_pictures { float: right; padding: 45px 0 5px 10px; }
	div#product_picture_navi { text-align: center; }
		div#product_picture_navi a { text-decoration: underline; margin-right: 5px; }
		div#product_picture_navi a:hover { } 

div#product_infromation  { width: 625px; position: absolute; background: #fff; padding-bottom: 15px; }
	div#product_infromation div.padding { padding-right: 15px; } 
div#material_infromation { width: 400px; }

	div#fabric_title { margin: 2px 0 2px 455px; color: #999; font-size: 11px; font-weight: bold; }
	div#product_list_title { 
		color: #666;
		border-bottom: 1px solid #9c9c9c; 
		font-weight: bold;
		font-size: 12px;
	}

table#product_list { width: 100%; }
	table#product_list tr.row_1 td { background: #f5f4f2; }
	table#product_list tr.row_0 td { }
	table#product_list td { padding: 2px 6px; font-size: 11px; vertical-align: middle; }
	table#product_list th { padding: 1px 6px 2px 6px; font-size: 11px; color: #529bc4; white-space: nowrap; }
	table#product_list *.boolean { 
		width: 30px; 
		padding: 0; 
		border-left: 1px solid #9c9c9c; 
		text-align: center;
	}

	div.product_link { padding-bottom: 15px; }
	*.product_category_link {  }

/************
person folder - henkilökortti
*************/

div.embedded_person {  }
table.view_person_folder {  }

#person_card_gallery table.gallery_table { margin: 15px 0; }
#person_card_gallery div.gallery_description { margin: 15px 0; }

div.gallery_person_card * { font-size: 10px; color: #557282; }
div.gallery_person_card {
	background: url('/images/customer/gallery_card_bg_.gif') no-repeat left top;
	width: 315px;
	height: 122px;
	margin-right: 5px;
	margin-bottom: 10px;
}

div.gallery_person_card div.photo {
	float: right;
	padding-right: 15px;
	padding-top: 1px;
}

div.gallery_person_card div.name_title {
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	width: 190px;
}
div.name_title span.title { line-height: 12px; }

div.gallery_person_card span.name {
	display: block;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
}
div.gallery_person_card div.numbers {
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 55px;
	width: 190px;
	line-height: 12px;
}
div.gallery_person_card div.numbers span { background: #ffffff; }
div.gallery_person_card div.email {
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 100px;
	width: 210px;
}
div.email a, div.email a:visited {  color: #0084aa; }

/*******
feedback - palaute
********/
	div#feedback { padding-top: 15px; }
		table.feedback_form {  }
			table.feedback_form th { padding-right: 10px; text-align: right;}
			table.feedback_form td { padding-bottom: 3px; }
			td.feedback_error { padding-bottom: 15px; }

/*******
sendlink - kerro kaverille
********/
	table.sendlink_form {}

/*****
Search - haku
******/
	div#search_box        {  }
		div#search_box form {  }
		div#search_box form input.text { width: 100px; }
	
	div#search { }
		div#search form { }
		div#search_results { padding-top: 15px; }
			div#search_results div.no_results { font-size: 16px; line-height: 20px; }
			div#search_pages { width: 250px; padding-top: 15px; }
				div#search_pages span.previous { padding-right: 15px; }
				div#search_pages span.next { }
				div#search_results table.results td.number { width: 20px; }
				div#search_results table.results td.target { }
				div#search_results table.results td { padding-bottom: 3px; }
			
			span.search_result_path { display: inline !important; padding: 0 !important; }
				
			a.search_result, 
			a.search_result:visited { color: black; }
			a.search_result:hover   { color: #666666; }
		
			a.search_result_path, 
			a.search_result_path:visited { color: #666666; }
			a.search_result_path:hover   { color: black; }
			
		/** Search boxes **/
			div#search_boxes {
				float: right;
				position: relative;
				right: 20px;
				top: 10px;
			}
			div.search_box {
				background: #dbdee3;
				float: left;
				clear: both;
				margin-bottom: 3px;
				height: 29px;
				width: 156px;
				padding-left: 6px;
				padding-top: 3px;
			}
			
			div.search_box input.text { 
				background: #ffffff;
				color: #999999;
				font-size: 11px;
				border: 1px solid #999999;
				height: 15px;
				line-height: 12px;
				padding: 0px; margin: 0px;
				padding-left: 0.3em;
			}
			div.search_box input.submit {
				background: #cccccc;
				border: 1px solid #666666;
				height: 20px;
				font-size: 11px;
				margin-top: 3px;
			}
			

/***
news - uutiset
****/
	
	div#news       {  }
		div#news_nav {margin-top:10px;  }
		a.news, 
		a.news:visited, 
		a.news:hover {  }
		
	/* Nostot */
	div#news_hoist {  }
		div#news_hoist div.list_item { margin-bottom: 10px; }
			a.news_hoist, 
			a.news_hoist:visited, 
			a.news_hoist:hover {  }
		div#news_hoist p { padding-top: 0px; margin-top: 0px; font-size: 11px; line-height: 18px;  }
	
	div#news_list  {  }
		div#news_list  div.list_item { margin-bottom: 10px; }
	
	div#news .news_lead,
	div#news_list .news_lead,
	div#news_hoist .news_lead { display: block; }
	
	div#news .news_date,
	div#news_list .news_date,
	div#news_hoist .news_date { display: block; color: #999999; }
	div#news_hoist .news_title { font-weight: bold; font-size: 11px; line-height: 18px; color:#333333;  }


/****************************************************************************
                    Structure
*****************************/
	
	/** Outer block *********/
	div#container {
		width: 848px;
		margin: 0 auto 0 auto; /* keskitys (FF, Opera, etc. */
		text-align: left; /* IE keskitys (override) for content */
	}
		/** Top Container **/
		div#top_container {
			height: 83px; 
			background: url('/images/customer/top_banner.jpg') no-repeat;
		}

		/** Middle **/
		table#middle_container {
			width: 100%;
			clear: both;
		}
			/** middle-left **/
			td#left_container { 
				width: 201px; 
				background: #e7e7e7; 
			} 
			
			td#left_container_ext {
			    width: 201px;
			}
			
				div#white_block {
					height: 17px;
					background-image: none;
					background: #ffffff;
				}

				
			/** middle-center **/
			td#content_container { padding: 10px 15px 10px 10px; }
				div#content_body { padding-left: 15px; margin-top: 15px; }
				body.t_16 div#content_body { padding-left: 0px; }
				div#content_body_cms span, div#content_body_cms_frontpage span,{ display: block; padding-right: 16px; } /* WTF! display: block */
				
			/** middle-right **/
			td#right_container { width: 201px; background: #e2e8ed; }
				div.hotbox { margin: 15px; padding: 6px; padding-bottom: 12px; background: #ffffff; color: #333333;}
				div.hotbox * { font-size: 11px; line-height: 17px; }
				/* OBS! hotbox h1 and h2 are the same - we'll be using only h2. */
				div.hotbox h1 { font-size: 12px; color: #f29618 !important; }
				div.hotbox h2 { font-size: 12px; color: #f29618 !important; }
				
				div.white_block {
					height: 17px;
					background-image: none;
					background: #ffffff;
				}
			/** middle-height **/
			td#height_holder { width: 0px; }
			td#height_holder div {
				width: 0px; 
				height: 460px; 
				font-size: 1px;
			}
			
		
		
			

/****************************************************************************
				 Installation specific
*****************************/

		div.grey_line {
			clear: both;
			margin-top: 16px;
			margin-bottom: 16px;
			border-top: 1px solid #cccccc;
		}
		
		div.grey_line_bottom {
			border-top: 1px solid #cccccc;
			margin-bottom: 10px;
			margin-right: 16px;
		}

		div#frontpg_header_txt_unified_padding { margin-left: 15px; width: 540px; }
		div#header_txt_unified_padding { margin-left: 15px; margin-right: 16px; color: #fff;}
		
		div.regular { width: 634px; margin-right: 13px;}
		body#frontpage .regular { width: 634px; margin-right: 13px;}

/******************************** RSS *************************************/
  
  /* rss header väri on customer.xsl:ssä, rss templaten h1 tagissa */
         
		div#rss_from_melt_water h1   { font-size: 20px; font-weight: normal; }
		div#rss_from_melt_water ul   { padding: 0px; margin: 0px; }
			div#rss_from_melt_water li { 
				list-style-type: none;
				padding: 0px;
				margin: 0px;
			}
		
		div#rss_from_melt_water a { 
			display: block;
			padding: 0 0 0 8px;
			margin: 0;
			background: url('/images/customer/bullet_arrow_orange.gif') no-repeat 0px 6px;
			color: #000000; 
		}
		div#rss_from_melt_water a:visited {	}
		
		div#rss_from_melt_water li.last a, 
		div#rss_from_melt_water li.last a:visited { background: none; padding-top: 17px !important; } 
		
		span.rss_source { color: #999999; font-size: 11px;}
	

/**************************************************************************/
	
/******************************** Fonts *************************************/

	#middle_container h2 { 
		font-size: 12px; 
		line-height: 17px; 
		margin-bottom: 17px;
		color: #f29618 !important; 
	}
	
	#right_container h1 { 
		font-size: 12px !important; 
		line-height: 17px; 
	}
		
	div#content_container p li a { font-size: 12px;  line-height: 17px; }
	
	div#content_body_cms h1 { color: #6e92c4; font-size: 20px; }
	div#content_body_cms p, div#content_body_cms_frontpage p { line-height: 17px; }
	
	div#content_body_cms_frontpage h1 { color: #004586; font-size: 20px; }
	
/**************************************************************************/

	/**************************** Frontpage ***************************/

	/** REFACTORED **/
	
	body#frontpage td#content_container {
		background: url('/images/customer/left_bg_blue.jpg') repeat-y;
		padding: 0 15px 17px 0;
	}
	
	td#boxes { padding: 10px 0; }
		table#frontpage_boxes { margin: 10px 16px 0 0; }
			td.box {
				width: 205px;
				background: url('/images/customer/bottom_box_gradient_bg.gif') repeat-x top left;
				border: 1px solid #c2c2c2;
				text-align: left;
			}
				td.box div.padder { padding: 5px 5px 10px 10px; }
					td.box *  { font-size: 11px; }
					td.box h1 {	margin: 0 0 5px 0; font-weight: bold; }
					td.box p  { margin: 0 0 5px 0; }
			div.box_spacer { width: 6px; font-size: 1px; }
	
	/*********** 2 column page************/
	
	/** REFACTORED **/
	
	table#columns { width: 100%; } 
		td#left_inner{
			width: 50%;
			padding: 0 10px 0 15px;
		}
		td#right_inner {
			width: 50%;
			padding: 0 5px 0 10px;
			border-left: 1px solid #e9e9e9;
		}
			table#columns h1 { color: #6e92c4 !important;	font-size: 20px; }
			table#columns h2 { color:#f29618 !important; }
			table#columns p { line-height:17px !important; }
		
	/*********** /2 column ************/
	
	div.html_area_block span.normal_text p a {
		background: url('/images/customer/icon_link_orange.gif') no-repeat 0px 5px;
		padding-left: 10px;
	}
	div.html_area_block { clear: both; }

/******************* Quicklinks ******************************/

div#quicklinks.hotbox li {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
			list-position: outside; 
}

	div.quicklinks { text-align: right; }
	.quicklinks a, .quicklinks a:visited { 
		margin-left: 15px; 
		margin-right: 25px;
		color: #999999;
		font-family: Arial, sans-serif;
		font-size: 11px;
	}

div#quicklinks a, 
div#quicklinks a:visited {
	display: block;
	height: 17px;
	background: url('/images/customer/bullet_arrow_orange.gif') no-repeat 0px 6px;
	padding: 0px;
	padding-left: 8px; 
	margin: 0px;
}

div#quicklinks ul { padding: 0px; margin: 0px; }

/****************************** news exclusive **********************************************/

h1#newsHeader { margin-bottom: 10px; }
h1.news { margin-bottom: 10px; font-weight: bold; /* color: #FDA038 !important; */ color: #f09835 !important; font-size: 12px; }
div#pageLinks { margin-bottom: 10px; margin-top: 10px; }

a.active_page, a.active_page:visited {
	/* orange color, not red */
	color: #ca16ed !important;
	/*color:#cc0000; */
	text-decoration: none !important;
	font-weight:bold;
}
a.inactive_page, a.inactive_page:visited, a.prevNext {
	font-weight:bold;
	color: #00549F; 
	text-decoration: none;
}
a.newsReadMore {
	font-size:11px;
	font-weight:bold;
	color: #00549F; 
	text-decoration: underline;
	font-family: Arial, sans-serif;
}
span.newsDate   { font-size:11px; font-family: Arial, sans-serif; color:#888888; }
span.newsHeader { font-weight: bold; color: #f09835 !important; font-size: 14px;}
span.heading    { margin-bottom: 20px; }

/********************* Person search results page ******************/
#personsearch_result { margin-top: 30px; margin-bottom: 20px;  }
	#personsearch_result th { color: #999999; padding: 3px 8px 3px 4px; }
	#personsearch_result td { color: #0083AD; padding: 3px 8px 3px 4px; font-size: 11px !important; color: #0083AD; }
	#personsearch_result .dark { background-color: #eaeaea; }
	#personsearch_result .light {}
	#personsearch_result .bold { font-weight: bold; }
	#personsearch_result .active { text-decoration: none; color: #ca163d; }
	#personsearch_result .inactive { text-decoration: underline; }
		#personsearch_result .inactive { text-decoration: underline; }
	#personsearch_result a { padding: 0px 2px 0px 2px; color: #0083AD; text-decoration: underline;}
	#personsearch_result a:hover { text-decoration: none;  }
	#personsearch_result .nimi { color: #0084aa; font-weight: bold; }
	#personsearch_result th.surname{ width: 90px; }
	#personsearch_result th.firstname{ width: 90px; }
	#personsearch_result th.title{ width: 160px; }
	#personsearch_result th.company{ width: 140px; }
	#personsearch_result th.office{ width: 100px; }
	#personsearch_result th.phone{ width: 145px; }

	#searchbox input {
	  font-size: 11px;
	  margin-right: 3px;
	  background: #e7edf0;
	  border-top: 1px solid #2d4047;
	  border-left: 1px solid #2d4047;
	  border-right: 1px solid #bfd0d8;
	  border-bottom: 1px solid #bfd0d8;
	  line-height: 10px;	
	  width: 128px;
	  display: inline !important;
	}
	
	#searchsubmit input {
	  font-size: 11px;
	  font-weight: bold; 
	  margin-right: 3px;
	  background: #e7edf0;
	  border-top: 1px solid #2d4047;
	  border-left: 1px solid #2d4047;
	  border-right: 1px solid #bfd0d8;
	  border-bottom: 1px solid #bfd0d8;
	  width: 55px;
	  display: inline !important;
	}

/********************* AD person cards ***********************/
div.AD_person_card {
	background: url('/images/customer/ad_card_bg.jpg') no-repeat left top;
	width: 510px; /* orig: 335px */ 
	height: 122px;
	margin-right: 5px;
	margin-bottom: 10px;
}

div.AD_person_card * {
	font-size: 10px;
	color: #557282;
}

div.AD_person_card div.photo {
	float: right;
	padding-right: 15px;
	padding-top: 1px;
}

div.AD_person_card div.name_title {
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	width: 200px;
}
div.AD_person_card span.name {
	display: block;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
}
div.AD_person_card div.location {
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 55px;
	width: 200px;
}
div.AD_person_card div.numbers {
	position: absolute;
	display: block;
	margin-left: 210px;
	margin-top: 55px;
	width: 185px;
}
div.AD_person_card div.numbers span { background: #ffffff; }
div.AD_person_card div.email {
	position: absolute;
	display: block;
	margin-left: 10px;
	margin-top: 100px;
	width: 200px;
}
/********************* print ***********************/

div#print_ingress,
div#print_left_inner,
div#print_right_inner,
div#print_logo { display: none; }


/** Other **/

a#frontpage_link {
	position: absolute; 
	margin-top: 15px; 
	margin-left: 5px; 
	width: 150px; 
	height: 50px;
}

/************** Consolis News *********************/

div#consolis_news {}
div#consolis_news h2 { margin-top: 7px; }
div#consolis_news div.item {
	margin-bottom: 15px;
}
div#consolis_news div.item span.datetime { 
	display: block;
	margin-bottom: 1px;
	color: #999;
}
div#consolis_news div.item a {
	color: #333;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, sans-serif;
}

/* #chapter_content td { border: solid 1px #f00; } */

/* Tech handbook */

.tech_level_1 { padding-left: 6px; }
.tech_level_2 { padding-left: 12px; }
.tech_level_3 { padding-left: 18px; }
.tech_level_4 { padding-left: 24px; }

#left_container .tech_level_1,
#left_container .tech_level_2,
#left_container .tech_level_3,
#left_container .tech_level_4 { border-top: dotted 1px #bbb; }

#left_container_ext .tech_level_1,
#left_container_ext .tech_level_2,
#left_container_ext .tech_level_3,
#left_container_ext .tech_level_4 { border-top: dotted 1px #bbb; }

#left_container_ext .tech_level_1 {}
#left_container_ext .tech_level_2 a { color: #000; font-size: 11px; }
#left_container_ext .tech_level_3 a { color: #000; font-size: 11px; }
#left_container_ext .tech_level_4 a { color: #000; font-size: 11px; }

#left_container_ext a.active { color: #E98410; font-weight: bold; }

#handbook_toc { width: 400px; padding: 8px; margin-bottom: 8px; }
#handbook_toc ul { list-style: none; background-color: #CCCCCC; }

#handbook_toc a { text-decoration: underline; }
#handbook_toc a.level_2 { font-size: 10px; }

div.handbook_footnote { display: none; }

div#chapter_header { display: none; }

span.handbook_callout { display: none; position: absolute; width: 300px; padding: 6px; border: solid 2px #bbb; background: #eee; }
div.handbook_close { float: right; width: 18px; height: 18px; margin: 0 0 8px 8px; }

a.handbook_callout,
a.handbook_callout:visited,
div.handbook_close a,
div.handbook_close a:visited { font-weight: bold; background: url('/images/bullet_black_18px.gif') no-repeat; display: inline-block; width: 18px; height: 18px; text-align: center; color: #fff; }

/* CHAPTER CONTENTS */
div#chapter_content h1 {
  font-size: 14pt;
  margin-bottom: 12px;
/*  color:#000084;
  background-color:#cccccc;*/
    color:#ffffff;
  background-color:#666;

  padding: 4px;
  clear: both;
}

#handbook_toc .level_1 { margin-left: 2em; font-size: 8pt;}
#handbook_toc .level_2 { margin-left: 3em; font-size: 8pt;}
#handbook_toc .level_3 { margin-left: 4em; font-size: 8pt;}
#handbook_toc .level_4 { margin-left: 5em; font-size: 8pt;}
#handbook_toc .level_5 { margin-left: 10em; font-size: 8pt;}

/***** Informal Equation table style *****/
table.iequation {
	border-collapse: collapse;
	border-width: 0px;
	background-color: #FFFFFF;
}

table.iequation td {
	text-align: center;
	border-width: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

/***** Formatting page header *****/
div.page-heading {
  margin-bottom: 9px;
  background-color:#cccccc;
  padding: 4px;
}
p.page-heading {
  font-size: 14pt;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}
p#document-title {
  font-weight: bold;
  margin-bottom: 8px;
}

/***** Content table style *****/
table.content {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.content th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	background-color: white;
}
table.content td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	background-color: #9999FF;
}
/***** Class1 table style *****/
table.class1 {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.class1 th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	background-color: #9999FF;
}
table.class1 td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	background-color: #99FFFF;
}
/***** Class2 table style *****/
/***** As Class1 but white backround in td *****/
table.class2 {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.class2 th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	background-color: #9999FF;
}
table.class2 td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: black;
	background-color: #FFFFFF;
}
/***** Class3 table style *****/
/***** As Class1 but no background or borders *****/
/***** Meant for aligning text in columns              *****/
/***** and for inner tables in equation (fractions) ***/
table.class3 {
	border-width: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
table.class3 th {
	border-width: 0px;
	padding: 4px;
	background-color: #FFFFFF;
}
table.class3 td {
	border-width: 1px;
	padding: 4px;
	background-color: #FFFFFF;
}
/***** Formal Equation table style *****/
table.fequation {
	/*border-spacing: ;*/
	border-collapse: collapse;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	background-color: #99FFFF !important;
}
table.fequation td {
	text-align: center;
	vertical-align: middle;
	border-width: 0px;
	padding: 0px;
	background-color: #99FFFF;
}

/***** Informal Equation table style *****/
table.iequation {
	/*border-spacing: ;*/
	border-collapse: collapse;
	/*border-style:;
	border-color:;*/
	border-width: 0px;
	background-color: #FFFFFF;
}
table.iequation td {
	text-align: center;
	vertical-align: middle;
	border-width: 0px;
	padding: 0px;
	background-color: #FFFFFF !important;
}
/***** Page ingress and TOC index box *****/
p.ingress {
  font-size: 10pt;
  font-weight: bold;
}
#toc {
  float: right;
  width:450px;
  font-family: verdana, arial, helvetica;
  font-size: 10pt;
  border: 1px solid #000;
  margin: 0px 0px 5px 10px;
  padding: 5px;
  background: #99FFFF;
}
#toc .level2 { margin-left: 2em; font-size: 8pt;}
#toc .level3 { margin-left: 3em; font-size: 8pt;}
#toc .level4 { margin-left: 4em; font-size: 8pt;}
#toc .level5 { margin-left: 5em; font-size: 8pt;}
#toc .level6 { margin-left: 10em; font-size: 8pt;}

#header {
  float: left;
  width: 550px;
  font-family: verdana, arial, helvetica;
  font-size: 12pt;
  border: 1px solid #000;
  margin: 0px 0px 5px 10px;
  padding: 5px;
  background: #ddd;
}

#matHeader {
  width: 650px;
  font-family: verdana, arial, helvetica;
  font-size: 12pt;
  border: 1px solid #000;
  margin: 0px 0px 5px 10px;
  padding: 5px;
  background: #ddd;
}

ul.m_list {
	list-style: none;
	margin: 10px 0 0 10px;
}