/***********************************
************************************
***
** 1. Defaults
** 2. Helpers
** 2. Common
** 3. Navigation
** 4. Modules
** 5. Structure
** 6. Installation specific
*

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, *.normal_text {
	font-size: 11px;
/*	line-height: 14px;*/
	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: 0; padding: 0; */}

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

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: 100px; }
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; }

*.error							{ font-weight: bold; color: red; border: solid 2px #f44;}
*.ok								{ font-weight: bold; color: green; }
*.success						{ font-weight: bold; color: #030; border: solid 2px #060; background: #e9f8eb; }

.border_red { border: solid 1px #f00; }

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", sans-serif; }
*.arial							{ font-family: "Arial", sans-serif; }

/** add you own here **/

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

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

	/** Normal links within text etc. **/
	
	/* internal_link and file_link */
	table.link { padding-bottom: 10px; }
		table.link a {  }
	
	table.internal_link   {  }
		table.internal_link td.bullet { vertical-align: top; padding-right: 3px; width: auto; }
		table.internal_link td.link   { vertical-align: top; }
			table.internal_link a {  }
	
	table.file   {  }
		table.file td.bullet { padding-right: 3px; width: auto; vertical-align: middle; }
		table.file td.link   {  }
			table.file a {  }
			table.file .filesize {  }

/*****
header
******/


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

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

/***
path
****/

	div#path { height: 20px; }
		div#path div {  }
			div#path a,
			div#path a:visited { text-decoration: none; }
			div#path a:hover   { text-decoration: underline; }

/*************
top navigation
**************/


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

	div#side_nav {  }
		ul#side_menu {
			list-style-type: none;
			marker-offset: 0;
			padding: 0;
			margin: 0;
			text-indent: 0;
			margin-top: 10px; 
		}
		ul#side_menu li        { padding-bottom: 10px; }
			ul#side_menu li a {
				background: url('/images/bullet1.gif') left top no-repeat;
				padding-left: 14px;
				display: block;
				
				text-decoration: none;
				font-weight: bold;
				font-size: 13px;
				line-height: 14px;
			}
			ul#side_menu li a.inactive { color: #787878; }
			ul#side_menu li a.active   { color: #000000; }
			ul#side_menu li a.active_parent   { color: DarkBlue; }
		ul#side_menu li.level1 { padding-left:  0px; }
			ul#side_menu li.level1 a {
				background: url('/images/bullet1.gif') left top no-repeat;
			}
		ul#side_menu li.level2 { padding-left: 15px; }
			ul#side_menu li.level2 a {
				background: url('/images/bullet2.gif') left top no-repeat;
			}

/****************************************************************************
                      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  { color: #484848;  text-decoration: none; font-weight: bold; }
					div#sitemap a.level_1:visited {}
					
				div#sitemap ul       { margin-left: 0; padding-left: 0px; list-style-type: none}
					div#sitemap ul li  { padding-left: 12px; }
						div#sitemap ul a { color: #656565 !important; text-decoration: none; }
							div#sitemap ul a:hover { text-decoration: underline; }
						
				div#sitemap ul.level_2    {
					}
					div#sitemap li.level_2  {
							background: url("/images/customer/bullet_grey_horizontal.gif") no-repeat left 5px;
						}
						div#sitemap a.level_2 { text-transform: uppercase; font-size: 11px; font-weight: bold; }
						
				div#sitemap ul.level_3,
				div#sitemap ul.level_4,
				div#sitemap ul.level_5 {}
					div#sitemap li.level_3,
					div#sitemap li.level_4,
					div#sitemap li.level_5 {
						background: url("/images/customer/bullet_level.gif") no-repeat left 4px;
						}
						div#sitemap a.level_3 { }

/***********
product card - tuotekortti
************/

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

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

	div.embedded_person {  }
	table.view_person_folder {  }

/*******
feedback - palaute
********/

	table.feedback_form {  }
	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 { padding-bottom: 3px; }
				div#search_results table.results td.number { width: 20px; }
				div#search_results table.results td.target { }
					div#search_results div.result_link { }
						a.search_result, 
						a.search_result:visited { color: black; }
						a.search_result:hover   { color: #666666; }
					div#search_results div.result_description { }
					div#search_results div.result_path { }
						a.search_result_path, 
						a.search_result_path:visited { color: #666666; }
						a.search_result_path:hover   { color: black; }

/*************
News - Uutiset
**************/
	
	div#news       {  }
		div#news_nav {  }
		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_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 .date,
	div#news_list .date,
	div#news_hoist .date { display: block; }


/****************************************************************************
                    Structure
*****************************/
	
	/** Outer block *********/
	div#container {
		width: 800px;
		margin: 0 auto 0 auto; /* keskitys (FF, Opera, etc. */
		text-align: left; /* IE keskitys (override) for content */
	}
		/** Inner block (2nd) ***/
		table#inner_container { width: 100%; }
			/****** Header row ******/
			td#header_cell { border: 1px dotted black; }
				td#header_cell div.container { border: 1px dashed Orange; }
					td#header_cell div.container div.content { padding: 10px; }
			/****** Middle row ******/
			td#middle_cell { border: 1px dotted black; }
				td#middle_cell table.container { width: 100%; }
					/****** Left ************/
					td#left_cell { width: 200px; }
						td#left_cell div.container { border: 1px solid DarkGreen; padding: 15px; }
					/****** Center **********/
					td#center_cell { width: 450px; }
						td#center_cell div.container { border: 1px solid red; padding: 15px; }
					/****** Right ***********/
					td#right_cell { }
						td#right_cell div.container {
							width: 125px;
							padding: 15px;
							border: 1px solid lime;
					}
			/****** Footer row ******/
			td#footer_cell { border: 1px dotted black; }
				td#footer_cell div.container { border: 1px dashed grey; padding: 10px 5px; }


/************************/
/******* Frontpage ******/
/************************/
/* Usually quite different from default template and therefore separate 
   block of styles. if there are only minor modifications, please insert 
	 them into the normal structure (above) at the appropriate tree level. 
	 All this applies to other templates also. */

	 #frontpage div#container { }


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