/***********************************
************************************
***
** 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 {
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;	
}

body {
	text-align: center;
	background-image: url('/images/customer/body-bg.jpg');
	background-repeat: repeat-x;
	background-color: #fafafa;
	 
	/* 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;
	list-style-position: outside;
	text-indent: 0;
}
ul { 
	list-style-type: none; 
	margin: 0;
}
ul li {
	padding-left: 12px;
	background-image: url('/images/customer/icon-indent.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

ol { 
	list-style-type: decimal;
	margin: 0 0 0 25px;
}
ol li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

form { padding: 0; margin: 0; }


h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	color: #5f5f5f;
	/*white-space: nowrap;*/
}

h1 em { /* blue */
	font-weight: bold;
	font-style: normal;
	color: #00a2ff;
}

h1 u { /* orange */
	font-weight: bold;
	text-decoration: none;
	color: #ff5f00;
}

h2 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 17px;
	color: #858585;	
	/*white-space: nowrap;*/
}

h3 {
	font-size: 12px;
	color: #414141;
}

/** CMS-kenttien elementtityylit **/

#content div.html_area_block h2 { /* ingressi */
	color: #5e5a56;
}

table#content div.html_area_block h3 { /* aliotsikko */
	font-weight: bold;
	font-size: 15px;
	line-height: 17px;
	color: #00a2ff;
}



a img {
	border: 0px;	
}


/****************************************************************************
                       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 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 {
		color: #0097dd;
		text-decoration: underline;
	}
	
	a:visited {
		color: #6e6e6e;
		text-decoration: underline;
	}
	a:hover	{
		
	}
	
	/* internal_link and file_link */
	table.link { padding-bottom: 10px; }
		table.link a {  }
	
	table.internal_link   {  margin: 5px 0; }
		table.internal_link td.bullet { 
			vertical-align: top; 
			padding-top: 4px; 
			padding-right: 0px; 
			width: auto; 
		}
		table.internal_link td.link   { vertical-align: top; }
			table.internal_link a {  }
	
	table.file   { margin: 5px 0; }
		table.file td.bullet { 
			padding-right: 3px; 
			width: auto; 
			vertical-align: middle; 
		}
		table.file td.link   {  }
			table.file a {  }
			table.file .filesize { color: #999; }

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


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

#footer {
	width: 823px;
	display: block;
	color: #8a8a8a;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	margin-left: -1px;
	border-top: 1px solid #c1c1c1;
}

#footer_menuless {
	width: auto;
	display: block;
	color: #8a8a8a;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	margin-left: -1px;
	border: 0;
}

	#footer a, #footer a:visited {
		color: #0097dd;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;	
	}
	
	#footer #copyright {
		color: #a1a0a0;
	}

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

/***
path
****/

#breadcrumbs {
	width: 823px; /* TODO: width:100% */
	height: 16px;
	background-color: #e7e7e7;
	border-left: 1px solid #f1f1f1;
	color: #a1a0a0;
	font-family: arial, sans-serif;
	font-size: 10px;
}
#breadcrumbs div.inner {
	padding: 2px 0 0 9px;
}

	#breadcrumbs a {
		color: #a1a0a0;
		font-family: arial;
		font-size: 10px;
		text-decoration: none;
	}
	
	#breadcrumbs a.current-page {
		text-decoration: underline;	
	}

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

#main-navigation {
	width: 823px; /* TODO: width:100% */
	height: 58px;
	margin: 0;
	background-image: url('/images/customer/main-navigation-bg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

#main-navigation a {
	display: block;
	float: left;
	height: 58px; 
}

/** FI **/
	/* Yritysjärjestelyt */
		a#link_yritysjarjestelyt {
			background-image: url('/images/customer/n_yritysjarjestelyt.jpg'); 
			width: 185px; 
		}
		a#link_yritysjarjestelyt:hover {
			background-image: url('/images/customer/n_yritysjarjestelyt_hover.jpg'); 
		}
		a#link_yritysjarjestelyt_selected {
			background-image: url('/images/customer/n_yritysjarjestelyt_selected.jpg'); 
			width: 185px; 
		}
	/* Johdon konsultointi */
		a#link_johdon_konsultointi {
			background-image: url('/images/customer/n_johdonkonsultointi.jpg'); 
			width: 226px; 
		}
		a#link_johdon_konsultointi:hover {
			background-image: url('/images/customer/n_johdonkonsultointi_hover.jpg'); 
		}
		a#link_johdon_konsultointi_selected {
			background-image: url('/images/customer/n_johdonkonsultointi_selected.jpg'); 
			width: 226px; 
		}
	/* johtamisen kehittäminen */
		a#link_johtamisen_kehittaminen {
			background-image: url('/images/customer/n_johtamisenkehittaminen.jpg'); 
			width: 243px; 
		}
		a#link_johtamisen_kehittaminen:hover {
			background-image: url('/images/customer/n_johtamisenkehittaminen_hover.jpg'); 
		}
		a#link_johtamisen_kehittaminen_selected {
			background-image: url('/images/customer/n_johtamisenkehittaminen_selected.jpg'); 
			width: 243px; 
		}
		
	/* johdon it */
		a#link_johtamisen_it {
			background-image: url('/images/customer/n_johtamisenit.jpg'); 
			width: 169px; 
		}
		a#link_johtamisen_it:hover {
			background-image: url('/images/customer/n_johdonit_hover.jpg'); 
		}
		a#link_johtamisen_it_selected {
			background-image: url('/images/customer/n_johdonit_selected.jpg'); 
			width: 169px; 
		}
		
/** EN **/
	/* Company Search */
		a#link_company_search {
			background-image: url('/images/customer/n_companysearch.jpg'); 
			width: 185px; 
		}
			a#link_company_search:hover {
				background-image: url('/images/customer/n_companysearch_.jpg'); 
			}
			a#link_company_search_selected {
				background-image: url('/images/customer/n_companysearch_selected.jpg'); 
				width: 185px; 
			}
	/* Management Consulting */
		a#link_management_consulting {
			background-image: url('/images/customer/n_managementconsulting.jpg'); 
			width: 226px; 
		}
			a#link_management_consulting:hover {
				background-image: url('/images/customer/n_managementconsulting_.jpg'); 
			}
			a#link_management_consulting_selected {
				background-image: url('/images/customer/n_managementconsulting_selected.jpg'); 
				width: 226px; 
			}
	/* Leadership Development */
		a#link_leadership_development {
			background-image: url('/images/customer/n_leadershipdevelopement.jpg'); 
			width: 254px; 
		}
			a#link_leadership_development:hover {
				background-image: url('/images/customer/n_leadershipdevelopement_.jpg'); 
			}
			a#link_leadership_development_selected {
				background-image: url('/images/customer/n_leadershipdevelopement_selected.jpg'); 
				width: 254px; 
			}
	/* Leadership IT */
		a#link_leadership_it {
			background-image: url('/images/customer/n_leadershipit.jpg'); 
			width: 158px; 
		}
			a#link_leadership_it:hover {
				background-image: url('/images/customer/n_leadershipit_.jpg'); 
			}
			a#link_leadership_it_selected {
				background-image: url('/images/customer/n_leadershipit_selected.jpg'); 
				width: 158px; 
			}
	
	/* PÄÄMENU */

#main-navigation-sub {
	display: block;
	width: 823px; /* TODO: width:100% */
	height: 23px;
	border-bottom: 1px solid #008db8;
	background-image: url('/images/customer/2nav_repeat.jpg'); /* main-navigation-sub-bg.gif */
	background-repeat: repeat-x;
}

#main-navigation-sub div.inner {
	padding: 0 0 0 6px;
}

#main-navigation-sub img {
	width: 2px;
	height:	14px;
	position: relative;
	top: 2px;
}

div#main-navigation-sub a {
	color: white;
	font-family: arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding: 3px 4px 0 4px !important;
  line-height: 21px;
}

div#main-navigation-sub a:hover {
	text-decoration: underline;	
}

div#main-navigation-sub a.selected {
	text-decoration: underline;
	font-weight: bold;
}

/****************
header navigation
*****************/

#top-navigation {
	float: right;
	position: relative;
	top: 50px;
	padding-right: 12px;
}

#top-navigation a img {
	border: 0px;	
}

#top-navigation img {
	margin: 0px;
	padding: 0px;
}

#top-navigation .separator {
	position: relative;
	top: -3px;	
}

#top-navigation a {
	height: 17px; 
	display: block;
	float: left;
}

/* YLÄMENU */
/*** FI ***/
	/* Via Group */
		a#top_via_group {
			background-image: url('/images/customer/l_viagroup.gif'); 
			width: 61px; 
		}
			a#top_via_group:hover {
			background-image: url('/images/customer/l_viagroup_.gif'); 
			width: 61px; 
		}
			a#top_via_group_selected {
			background-image: url('/images/customer/l_viagroup_.gif'); 
			width: 61px; 
		}
		
	/* Uutiset */
		a#top_ajankohtaista {
			background-image: url('/images/customer/l_uutiset.gif'); 
			width: 47px; 
		}
			a#top_ajankohtaista:hover {
			background-image: url('/images/customer/l_uutiset_.gif'); 
			width: 47px; 
		}
			a#top_ajankohtaista_selected {
			background-image: url('/images/customer/l_uutiset_.gif'); 
			width: 47px; 
		}	
		
	/* Tapahtumat */
		a#top_tapahtumat {
			background-image: url('/images/customer/l_tapahtumat.gif'); 
			width: 72px; 
		}
			a#top_tapahtumat:hover {
			background-image: url('/images/customer/l_tapahtumat_.gif'); 
			width: 72px; 
		}
			a#top_tapahtumat_selected {
			background-image: url('/images/customer/l_tapahtumat_.gif'); 
			width: 72px; 
		}	
	
	/* Referenssit */
		a#top_referenssit {
			background-image: url('/images/customer/l_referenssit.gif'); 
			width: 71px; 
		}
			a#top_referenssit:hover {
			background-image: url('/images/customer/l_referenssit_.gif'); 
			width: 71px; 
		}
			a#top_referenssit_selected {
			background-image: url('/images/customer/l_referenssit_.gif'); 
			width: 71px; 
		}		
		
	/* Shop */
		a#top_shop {
			background-image: url('/images/customer/l_shop.gif'); 
			width: 38px; 
		}
			a#top_shop:hover {
			background-image: url('/images/customer/l_shop_.gif'); 
			width: 38px; 
		}
			a#top_shop_selected {
			background-image: url('/images/customer/l_shop_.gif'); 
			width: 38px; 
		}	
		
	/* In English */
		a#top_inenglish {
			background-image: url('/images/customer/l_inenglish.gif'); 
			width: 62px; 
		}
			a#top_inenglish:hover {
			background-image: url('/images/customer/l_inenglish_.gif'); 
			width: 62px; 
		}
			a#top_inenglish_selected {
			background-image: url('/images/customer/l_inenglish_.gif'); 
			width: 62px; 
		}
		
/*** EN ***/
	/* In Finnish */
		a#top_infinnish {
			background-image: url('/images/customer/l_suomeksi.gif'); 
			width: 63px; 
		}
			a#top_infinnish:hover {
			background-image: url('/images/customer/l_suomeksi_.gif'); 
		}
			a#top_infinnish_selected {
			background-image: url('/images/customer/l_suomeksi_.gif'); 
			width: 63px; 
		}

	/* Our Experts */
		a#top_our_experts {
			background-image: url('/images/customer/l_ourexperts.gif'); 
			width: 74px; 
		}
			a#top_our_experts:hover {
			background-image: url('/images/customer/l_ourexperts_.gif'); 
		}
			a#top_our_experts_selected {
			background-image: url('/images/customer/l_ourexperts_.gif'); 
			width: 74px; 
		}

	/* Contact */
		a#top_contact {
			background-image: url('/images/customer/l_contact.gif'); 
			width: 51px; 
		}
			a#top_contact:hover {
			background-image: url('/images/customer/l_contact_.gif'); 
		}
			a#top_contact_selected {
			background-image: url('/images/customer/l_contact_.gif'); 
			width: 51px; 
		}

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

	div#side_nav { padding-left: 5px; }
		ul#side_menu {
			list-style-type: none;
			marker-offset: 0;
			padding: 0;
			margin: 0;
			text-indent: 0;
			margin-top: 10px; 
		}
		ul#side_menu li { 
			background: none !important;
			list-style-type: none;
		}
			ul#side_menu li a {
				display: block;
				text-decoration: none;
				font-weight: normal;
				font-size: 11px;
				line-height: 12px;
				margin: 4px 0;
			}
			ul#side_menu li a.inactive { color: #555; }
			ul#side_menu li a.inactive:hover { color: #0097dd; }
			ul#side_menu li a.active   { color: #0097dd; }
			ul#side_menu li a.active_parent   { color: #0097dd; }
			ul#side_menu li a.active_parent:hover   { color: #0097dd; }
			
		ul#side_menu li.level_1 { padding-left: 0px; }
			ul#side_menu li.level_1 a {
				background: url('/images/customer/left-menu-level1.gif') no-repeat;
				background-position: 2px 3px;
				padding-left: 11px;
			}
			ul#side_menu li.level_1 a.active {
				font-weight: bold;
			}
			ul#side_menu li.level_1 a.active_parent {
				font-weight: bold;
			}
		ul#side_menu li.level_2 { 
			padding-left: 10px; 
		}
			ul#side_menu li.level_2 a {
				background: url('/images/customer/left-menu-level2.gif') no-repeat;
				background-position: 2px 3px;
				padding-left: 11px;
			}
			ul#side_menu li.level_2 a.last {
				margin-bottom: 5px;
			}
		ul#side_menu li.level_3 { 
			padding-left: 20px; 
		}
			ul#side_menu li.level_3 a {
				background: url('/images/customer/left-menu-level2.gif') no-repeat;
				background-position: 2px 3px;
				padding-left: 11px;
			}
/** Leader's Blog side navigation **/
div#blog_side_nav {margin-top: 30px; margin-left: 26px; margin-bottom: 232px;}
ul#blog_side_menu {font-family: arial; size: 12px; margin: 0; padding: 0;}
ul#blog_side_menu li {list-item: none; background: #fff; padding: 0; margin-bottom: 3px;}
ul#blog_side_menu li a{text-decoration: none; color: #0097dd; }
ul#blog_side_menu li a:hover{text-decoration: underline;}


/****************************************************************************
                      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%; margin-bottom: 30px;}
			div#sitemap table td      { padding-right: 20px; padding-bottom: 30px; background: url(/images/customer/sitemap_td_bg.gif) bottom left no-repeat;}
			div#sitemap table td.separator { height: 2px; border: 0; padding: 0; margin: 0; line-height: 2px; font-size: 1px;}
			div#sitemap table td.last { padding-right: 0px; }
				div#sitemap span.level_1 { display: block; margin-bottom: 4px; }
					div#sitemap a.level_1  { font-size: 14px; color: #00a2ff; font-weight: bold;}
				div#sitemap ul       { margin: 0; padding: 0; list-style-type: none}
					div#sitemap ul li  { margin: 0; padding: 0; list-style-type: none; background: #fff;}
						div#sitemap td ul li a {text-decoration: none; color: #666;}
				div#sitemap ul.level_2    { margin-left: 2px; }
					div#sitemap li.level_2  { list-style-type: none; margin: 0; padding: 0;  }
						div#sitemap a.level_2 { }
				div#sitemap ul.level_3    { }
					div#sitemap li.level_3  { list-style-type: none; margin: 0; padding: 0; font-size: 11px; padding-left: 10px;
																		background: url(/images/customer/sitemap_bullet_lvl3.gif) no-repeat 2px 5px;}
						div#sitemap a.level_3 { }
				div#sitemap ul.level_4    { }
					div#sitemap li.level_4  { list-style-type: none; margin: 0; padding: 0; font-size: 11px; padding-left: 10px;
																		background: url(/images/customer/sitemap_bullet_lvl4.gif) no-repeat 1px 4px;}
						div#sitemap a.level_4 { }						

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

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

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

	div.embedded_person { margin: 15px 0; }
	div.embedded_person div.name { /*color: #0097dd;*/ font-weight: bold; }
			div.embedded_person div.name a { text-decoration: none !important; }
			div.embedded_person div.name a:visited { color: #0097dd; }
	div.embedded_person div.title { margin-bottom: 3px; }
	
	div#person_card { margin-bottom: 25px; }
		div#person_card div.description { margin: 15px 0; }
	
	div#person_folder table { width: 100%; }
		div#person_folder table td { width: 50%; }
			div#person_folder div.embedded_person { width: 150px; }

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

	table.feedback_form {  }
	td.feedback_error { padding-bottom: 15px; }
		table.feedback_form td { }
		/*table.feedback_form td input{height: 18px; padding: 0; font-size: 11px;}*/
		table.feedback_form td input {margin: 0; padding: 0;}
			table.feedback_form td input.text_input{width: 183px; height: 18px; padding: 0; font-size: 11px; line-height: 11px;}
			/*table.feedback_form td input.button {margin-top: 2px; height: 15px; font-family: verdana; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #fff; margin: 0; width: 57px; background: url(/images/customer/feedback_send.gif) no-repeat top left; border: 0;}*/
			table.feedback_form td input.checkbox {margin: 2px 0 0 0; padding: 0;}
			table.feedback_form td textarea{width: 384px; }
		table.feedback_form label {display: block; color: #666; margin: 0; padding: 0;}
		table.feedback_form label.nonblock {display: inline !important;}
		table.feedback_form td.right {padding-left: 16px;}

/*******
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 h1 { color: #00a2ff; }
	  div#search form { margin-bottom: 16px; margin-left: 4px; } 	
      div#search form td { vertical-align: middle; } 	

    div#search form .field input.text { 
      margin-left: 7px;
      height: 18px;
      max-height: 18px;
      width: 230px; 
    } 
    div#search form .submit input.img_submit { margin-left: 7px; margin-top: 1px; border: none; }
    div.search_separator { 
      background: url('/images/customer/separator_grey_gradient.png') top no-repeat; 
      height: 3px;
      margin: 1px;
      margin-left: 0px;
      font-size: 3px;
    }

		div#search_results { margin-left: 2px; }
		div#search_results p.search_results_title {
      margin-top: 5px; padding-top: 0;
    }
			div#search_results div.no_results { font-size: 16px; line-height: 20px; }
			div#search_pages { 
        text-align: center; 
        width: 100%;
        color: #00a2ff;

        padding-top: 15px; 
      }
				div#search_pages span.page_range a { text-decoration: none; }
				div#search_pages span.separatist { padding: 0px 1px; }
				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 { }
					div#search_results div.result_path img.search_bullet { margin-right: 5px; }
          
						div#search_results div.result_path a.search_result_path, 
						div#search_results div.result_path a.search_result_path:visited { color: #a2a2a2; text-decoration: none; }
						div#search_results div.result_path a.search_result_path:hover   { color: black; }

/*************
News - Uutiset
**************/
	
	div#news       {  }
		div#news_nav {  }
		a.news, 
		a.news:visited, 
		a.news:hover { color: #0693BE !important; font-weight: bold; text-decoration: none !important;}
		
	/* 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 { display: block; color:#444;}
	
	div#news .date,
	div#news_list .date { display: block; font-size: 11px; color: #5c5b59;}

	div#news h1 {}
	div#news {}


/****************************************************************************
                    Structure
*****************************/
	
#main {
	width: 823px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	
	font-family: Arial, sans-serif;
	background-color: white;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom: 3px;
}

#header {
	height: 87px;
	background-color: white;	
	/*border-bottom: 1px solid #797979; täähän tekee tuplaviivan.. */
}

#logo {
	float: left;
	display: inline;
	background-image: url('/images/customer/logo.gif');
	background-repeat: no-repeat;
	height: 87px;
	width: 327px;
	margin-left: 11px;
}


table#content {
	width: 811px; /* TODO: width:100% / margin-right: 12px*/
	height: auto;
	font-size: 12px;
}


/** "CENTER" **/
td.left-content {
	vertical-align: top;
	padding: 6px 8px 20px 12px;
	font-size: 12px;
	color: #414141;
}

td.left-content p {
	line-height: 15px;	
}


/** LEFT **/
td.left-menu {
	width: 152px;
	border-right: 1px solid #cacaca;
}

/*
.left-content a:visited {
	text-decoration: underline;
	color: #7e9fae;	
}
*/

/** RIGHT **/
td.right-content {
	width: 250px; /** venyy 400px levyseksi, kun käytetään leveetä gradienttia */
	vertical-align: top;
	border-left: 1px solid #cacaca;
}
td.right-content.RightGradient {
	border-left: 0;
	background-color: #d6d6d6;
}



	td.right-content div.cms-content {
		background: white;
		padding: 5px 10px;
	}
		td.right-content div.cms-content,
		td.right-content div.cms-content td,
		td.right-content div.cms-content p {
			font-size: 11px;
		}
		td.right-content div.cms-content p {
			margin: 5px 0;
		}

		td.right-content div.cms-content h1 {
			font-size: 18px;
			line-height: 20px;
		}
		td.right-content div.cms-content h2 {
			font-size: 12px;
			margin-bottom: 7px;
		}
		td.right-content div.cms-content table.link {
			margin: 3px 0;
		}
		td.right-content div.cms-content div.html_area_block img {
			margin-top: 2px;
			margin-bottom: 2px;
		}

	div.right-image {
	}
		div.right-image img.override {
			position: absolute;
		}
		div.right-image div#ggl_map_canvas {
			position: absolute;
      width: 400px; height: 400px; 
    }	

/************************/
/******* 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 #content {
  padding: 7px 0px 9px 0px;
}
#frontpage #content table {
}

#frontpage #content td {
	padding: 0;
}
#frontpage #content td div.padder {
	padding: 0px 24px 0px 14px;
}
	 
#frontpage #content .cms-field {
	width: 50%;
}
#frontpage #content .cms-field .height-holder {
	height: 130px;
	width: 0;
	float: left;
}
#frontpage #content .cms-field p {
	margin: 10px 0px 0px 1px;
}

#frontpage #content .cms-field p a {
  display: block;
  margin-left: 0px;
  padding-left: 0px;
}

/* IE6 a-in-p-margin-neg-bug hack */
#frontpage #content .cms-field p a {
  margin-left: 4px;
}
/* Contemp Browser css-override */
#frontpage #content td[class="cms-field"] p a {
  margin-left: 0px;
}
/* end IE6 hak */

#frontpage #content .tapahtumat {
	width: 25%;
	border-left: 1px solid #bababa;
}

#frontpage #content .blog {
	width: 25%;
	border-left: 1px solid #bababa;
}

/* Otsaketyylit */
#frontpage #content h1 {
  line-height: 20px;
  padding-bottom: 4px;
}

#frontpage #content div.padder h1 {
  line-height: 20px;
  padding-bottom: 4px;
}

#frontpage #content td.separator {
	background-image: url('/images/customer/bababa.gif');
	background-repeat: repeat-y;
	width: 2px;
  font-size: 2px;
  padding: 0px;
}
#frontpage #content div#calendar_hoist p.fp_para {
  margin: 0px;
  display: inline;
} 
div#news_hoist h3,
div#calendar_hoist h3 {
	text-transform: uppercase;
  margin: 1px;
}

div#news_hoist p.date,
div#calendar_hoist p.date {
	font-size: 12px;
	color: #5e5a56;	
	line-height:12px;
	white-space: nowrap;
	display: inline;
}



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

/** Ilmoformi **/

/* TODO: namespacetus joillekin..eli #EräsTiettyForm .radiobutton { tjsp. */

	
input, textarea {
	border: 1px solid #7d7d7d;
	background: white;
}

div.radio-button {
	height:20px;
	border: 0px;
}

.radio-button input,
input.radio {
	position: relative;
	top: 3px;
	border: 0;
}	

input.checkbox {
	border: 0;
}

#CalendarReg {
	padding-bottom: 30px;
}

#CalendarReg .right-form-row {
	display: block;
	padding: 10px 0 0 0;
}
	
#CalendarReg input.text {
	width: 100%;
}
#CalendarReg textarea {
	width: 100%;
}
#CalendarReg #billing textarea {
	height: 80px;
}
#CalendarReg #message textarea {
	height: 175px;
}
#CalendarReg table.radiobuttons {
	width: 100%;
}
#CalendarReg #button, .button, submit{
	float: right;
	margin-right: 10px;
	background-image: url('/images/customer/send.gif');
	background-repeat: no-repeat;
	width: 57px;
	height: 15px;
	border: 0;
	}	



	
	
div#SeniorLeadershipReg {}

div#form_errors {
	width: 50%;
	border: 2px solid red;
	padding: 10px;
	color: red;
}	


div#SeniorLeadershipReg textarea {
	width: 100%;
}
	
div#SeniorLeadershipReg .form-row {
	display: block;
	clear: both;
	width: 385px;
	padding: 10px 0 0 0;
	}
	
		
div#SeniorLeadershipReg .form-row #name {
	display: block;
	float: left;
	}
div#SeniorLeadershipReg .form-row #name input {
	width: 182px;
	}		
	
div#SeniorLeadershipReg .form-row #organization {
	display: block;
	float: right;
	}	

div#SeniorLeadershipReg .form-row #organization input {
	width: 182px;
	}	

div#SeniorLeadershipReg .form-row #titlex {
	display: block;
	float: left;
	}	

div#SeniorLeadershipReg .form-row #titlex input {
	width: 182px;
	}	
	
div#SeniorLeadershipReg .form-row #email {
	display: inline;
	float: right;
	}

div#SeniorLeadershipReg .form-row #email input {
	width: 182px;
	}	
		
div#SeniorLeadershipReg .form-row #phone {
	display: inline;
	float: left;
	}
div#SeniorLeadershipReg .form-row #phone input {
	width: 182px;
	}		
	
div#SeniorLeadershipReg .form-row #address {
	display: inline;
	float: right;
	}
div#SeniorLeadershipReg .form-row #address input {
	width: 182px;
	}		
	
div#SeniorLeadershipReg .form-row #postnumber {
	display: inline;
	float: left;
	}
div#SeniorLeadershipReg .form-row #postnumber input {
	width: 182px;
	}		
	
div#SeniorLeadershipReg .form-row #city {
	display: inline;
	float: right;
	}	
	
div#SeniorLeadershipReg .form-row #city input {
	width: 182px;
	}	
div#SeniorLeadershipReg .form-row #message {
	display: inline;
	float: left;
	}
div#SeniorLeadershipReg .form-row #message textarea {
	width: 383px;
	height: 125px;
	}	
div#SeniorLeadershipReg .form-row #button, submit {
	float: right;
	border: 0;
	}		
.required-field {
	display: inline;
	color: red;	
}


/*****************************************
    Leader´s Blog -tyylit
*****************************************/

#leaders_main {
	width: 902px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	
	font-family: Arial, sans-serif;
	background-color: white;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom: 3px;
}

#header_leaders_blog {
	height: 99px;
	background-color: white;	
}

#leaders_top {
	background-image: url('/images/customer/leaders-top-image.jpg');
	background-repeat: no-repeat;
	height: 99px;
	width: 902px;
}

 /* Leaders Blog Navi */

#leaders_main_navi {
	width: auto;
	height: 36px;
	margin: 0;
  padding-left: 256px;

	background-image: url('/images/customer/leaders-navigation-bg.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
}

#leaders_main_navi a {
  display: block;
  float: left;

	height: 36px;
	margin: 0;
}

#leaders_main_navi a#lb_link_leaders {
  width: 94px;
	background-image: url('/images/customer/navlb_leadersblog.jpg');
}
#leaders_main_navi a#lb_link_leaders:hover {
	background-image: url('/images/customer/navlb_leadersblog_selected.jpg');
}
#leaders_main_navi a#lb_link_palaute {
  width: 57px;
	background-image: url('/images/customer/navlb_palaute.jpg');
}
#leaders_main_navi a#lb_link_palaute:hover {
	background-image: url('/images/customer/navlb_palaute_selected.jpg');
}
#leaders_main_navi a#lb_link_viaetu {
  width: 64px;
	background-image: url('/images/customer/navlb_viagroup.jpg');
}
#leaders_main_navi a#lb_link_viaetu:hover {
	background-image: url('/images/customer/navlb_viagroup_selected.jpg');
}


/** LEFT Leaders kuva **/
table#leaders_content td.left_menu {
	width: 255px;
  border: 0px;
  
  background: url('/images/customer/leaders-leader.jpg') no-repeat left bottom;
}

/* Leaders Blog -vasurinavi */
table#leaders_content ul#side_menu {
  margin-top: 29px;
}

table#leaders_content ul#side_menu li {
  width: auto;
}

table#leaders_content ul#side_menu li.level_1 {
  padding-left: 12px;
}

table#leaders_content ul#side_menu li.level_1 a.level_1 {
  background-image: none;
  width: auto;
	color: #0097dd;
}


/* Leaders Blog sisältötaulu */

table#leaders_content {
	width: auto; /* TODO: width:100% / margin-right: 12px*/
	height: auto;
	font-size: 12px;
}

table#leaders_content td.left_content {
	vertical-align: top;
	padding: 20px 8px 20px 0px;
	font-size: 12px;
	color: #414141;
}

/* Leaders Blog -etusivun tyylit */

table#leaders_content td.left_content img#blog_text {
  margin-top: 8px;
}
table#leaders_content td.left_content img#ajatukset {
  margin-bottom: 3px;
  display: block;
}
table#leaders_content td.left_content span.date{
	font-size: 12px;
	color: #666;
}
table#leaders_content td.left_content div.blog_article{
	margin-bottom: 16px;
}

table#leaders_content td.left_content h2, table#leaders_content td.left_content h2 a{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fd5e00;
	margin:0;
	text-decoration: none;
}
table#leaders_content td.left_content h2 a:hover { text-decoration: underline; }
table#leaders_content td.left_content div.blog_article p {
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}

table#leaders_content div.entry_item {
  padding: 7px 0;
}

table#leaders_content div.entry_item div.entry_datum {
  color: #5f5f5f;
}
table#leaders_content div.entry_item h2.entry_title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;

  color: #ff5f00;
}
table#leaders_content div.entry_item div.entry_ingress {}
table#leaders_content div.entry_item div.entry_ingress a {
  color: #0097dd;
}
table#leaders_content div.entry_item  a.lue_lisaa { color: #0097dd; }

/* Leaders Blog -artikkelin tyylit */
div.leaders_article {
  /*margin-top: 19px;*/
}
div.leaders_article div.leaders_cathegory {
  margin-bottom: 12px;  
}
div.leaders_article h1.leaders {
  color: #0097dd;

}
div.leaders_article p u {
  text-decoration: none;
  font-weight: bolder;
  color: #ff5f00;
}
div.leaders_article div.browse_nav a {
  text-decoration: none;
  color: #0097dd; 
}
div.leaders_article div.browse_nav a:hover {
  text-decoration: underline;
}

div#blog_nav {margin: 10px 0 15px 0;}
div#blog_nav a{text-decoration: none;}
div#blog_nav a:hover{text-decoration: underline;}
/*
.left-content a:visited {
	text-decoration: underline;
	color: #7e9fae;	
}
*/

/* Lisätyt 02/2010 */

table.contact_form  { width: 384px; }
td.contact_form { padding-bottom: 15px; font-family: Arial;}
.pakolliset { font-size: 11px; }
input.error, textarea.error { border: solid 1px #f00; }
table.contact_form td { vertical-align: middle; padding-bottom: 3px !important; font-size: 12px; white-space: nowrap; }
/* table.contact_form td input{height: 18px; padding: 0; font-size: 11px;} */
table.contact_form td input {margin: 0; padding: 0;}
table.contact_form td input.text_input {width: 183px; height: 18px; padding: 0; font-size: 12px; line-height: 18px; }

*+ html table.contact_form td input.text_input {width: 183px; height: 18px; padding: 0; font-size: 12px; line-height: 18px; }

/*table.contact_form td input.button {margin-top: 2px; height: 15px; font-family: verdana; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #fff; margin: 0; width: 57px; background: url(/images/customer/feedback_send.gif) no-repeat top left; border: 0;}*/

table.contact_form td textarea{width: 384px; }
table.contact_form label {display: block; color: #666; margin: 0; padding: 0;}
table.contact_form label.nonblock {display: inline !important;}
table.contact_form td.right {padding-left: 16px;}

.td_padding {
    padding-top: 8px;
}
.otayhteytta {
    text-indent: -9999px;
    margin: 8px 0 8px 0;
    border-width: 0px;
    font-size: 0px;
    background-image: url('/images/customer/otayhteytta_btn_02.jpg');
    width: 140px;
    height: 32px;
    cursor: pointer;
}
.otayhteytta:hover {
    background-position: 0px -32px;
}
.otayhteytta:active {
    background-position: 0px -64px;
}
.extranet_link {
    width: 77px;
    height: 17px;
    background-image: url('/images/customer/via_extranet.gif');
}
.extranet_link:hover {
    background-image: url('/images/customer/via_extranet_hover.gif');
}
*+ html .iepadding {
    position: relative;
    top: 3px;
}
* html .iepadding {
    position: relative;
    top: 3px;
}
table.cb_taulu td input.checkbox {margin: 0px 0 7px 0; vertical-align: top;}
table.cb_taulu td { vertical-align: top; }