/*
	Wihuri.fi CSS stylesheet
*/

body
{
	padding: 0;
	margin: 0;
	background: #E2E4E0 url(../images/body_bg.gif) repeat left top;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #585858;
	text-align: center;
}

table
{
	border-collapse: collapse;
}

td,
th
{
	text-align: left;
	vertical-align: top;
	padding: 0;
}

a img
{
	border: none;
}

h1
{
	font-size: 14px;
	color: #077407;
}

h2
{
	font-size: 12px;
	color: #077407;
}

h3
{
	font-size: 12px;
	font-weight: bold;
}

a,
a:link,
a:visited
{
	color: #077407;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #077407;
	text-decoration: none;
}







#outer_wrapper
{
	width: 100%;
	margin: 0;
	padding: 29px 0;
	background: transparent url(../images/outer_wrapper_bg.gif) repeat-x left top;
}

#inner_wrapper
{
	width: 959px;
	padding: 20px 9px 9px 8px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	border: 1px solid #DCDEDA;
}

#head
{
	width: 100%;
	border-bottom: 5px solid #BEEA12;
}

#masthead
{
	width: 467px;
	padding-top: 13px;
	padding-left: 28px;
}

#masthead h1
{
	margin: 0;
	padding: 0;
	width: 223px;
	height: 35px;
	background: #fff url(../images/wihuri_logo.gif) no-repeat left top;
}

#masthead h1 a,
#masthead h1 a:link,
#masthead h1 a:visited,
#masthead h1 a:hover,
#masthead h1 a:active
{
	display: block;
	width: 223px;
	height: 24px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
}

#head #langlink
{
	font-size: 11px;
	padding: 0 0 3px 0;
	text-align: right;
}

#head #langlink a,
#head #langlink a:link,
#head #langlink a:visited
{
	text-decoration: none;
}

#head #langlink a:hover,
#head #langlink a:active
{
	text-decoration: underline;
}

#head select
{
	background-color: #F0F1EF;
	width: 225px;
	margin-right: 7px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #585858;
}


#searchForm
{
	background: #F0F1EF url(../images/icn_search.gif) no-repeat 8px center;
	border: 1px solid #D9D9D8;
	padding: 1px 3px 1px 27px;
	margin: 0;
}

#searchForm input.textfield
{
	background-color: transparent;
	border: none;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #585858;
	width: 162px;
}

#searchForm input
{
	vertical-align: middle;
}



#topnavi
{
	margin-top: 1px;
	background-color: #000;
}

#crumb_bar
{
	width: 100%;
	border: 1px solid #E6E6E7;
	border-top: none;
	background: #F6F6F5 url(../images/crumbs_bg.gif) repeat-x left top;
	margin-bottom: 10px;
}

#crumb_bar td
{
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 2px;
	color: #727270;
}

#crumbs
{
	font-size: 11px;
	padding-left: 7px;
}

#crumbs a,
#crumbs a:link,
#crumbs a:visited
{
	color: #727270;
	text-decoration: none;
}

#crumbs a:hover,
#crumbs a:active
{
	color: #727270;
	text-decoration: underline;
}


#printlink
{
	width: 24px;
}



#body
{
	width: 100%;
	border: 1px solid #E6E6E7;
	border-top: none;
	border-bottom: none;
}

#body_head_left
{
	background-color: #fff;
	padding: 15px 12px;
	width: 141px;
	border-right: 1px solid #E6E6E7;
	border-bottom: 1px solid #E6E6E7;
}

#body_head_left h2
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#body_head_left h2 a,
#body_head_left h2 a:link,
#body_head_left h2 a:visited
{
	color: #585858;
	text-decoration: none;
}

#body_head_left h2 a:hover,
#body_head_left h2 a:active
{
	color: #585858;
	text-decoration: underline;
}



#body_head_main
{
	width: 774px;
	padding: 0;
	background: #077407 url(../images/green_bar.gif) repeat-y left top;
	vertical-align: middle;
}

#body_head_main h2
{
	margin: 0;
	padding: 0 24px;
	font-size: 14px;
	color: #fff;
}

#body_head_right
{
	width: 16px;
	background-color: #F8F8F5;
	border-left: 1px solid #E6E6E7;
	border-bottom: 1px solid #E6E6E7;
}



#body_left
{
	padding: 10px;
	background-color: #F8F8F5;
	border-right: 1px solid #E6E6E7;
}

#subnavi,
#subnavi ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnavi li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#subnavi li a,
#subnavi li a:link,
#subnavi li a:visited
{
	display: block;
	color: #585858;
	text-decoration: none;
	padding: 0 0 7px 15px;
}

#subnavi li a:hover,
#subnavi li a:active
{
	display: block;
	color: #077407;
	text-decoration: none;
	padding: 0 0 7px 15px;
}

#subnavi li.active a,
#subnavi li.active a:link,
#subnavi li.active a:visited,
#subnavi li.active a:hover,
#subnavi li.active a:active
{
	text-decoration: underline;
}

#subnavi li.haschildren a
{
	background: transparent url(../images/blt_plus_gray.gif) no-repeat left 4px;
}

#subnavi li.haschildren_active a
{
	background: transparent url(../images/blt_minus_gray.gif) no-repeat left 4px;
}

#subnavi li.haschildren_active li a,
#subnavi li.haschildren_active li a:link,
#subnavi li.haschildren_active li a:visited,
#subnavi li.haschildren_active li a:hover,
#subnavi li.haschildren_active li a:active
{
	background-image: none;
	padding-left: 30px;
}

#subnavi li.haschildren_active li.haschildren a,
#subnavi li.haschildren_active li.haschildren a:link,
#subnavi li.haschildren_active li.haschildren a:visited,
#subnavi li.haschildren_active li.haschildren a:hover,
#subnavi li.haschildren_active li.haschildren a:active
{
	background: transparent url(../images/blt_plus_gray.gif) no-repeat 15px 4px;
	padding-left: 30px;
}

#subnavi li.haschildren_active li.haschildren_active a,
#subnavi li.haschildren_active li.haschildren_active a:link,
#subnavi li.haschildren_active li.haschildren_active a:visited,
#subnavi li.haschildren_active li.haschildren_active a:hover,
#subnavi li.haschildren_active li.haschildren_active a:active
{
	background: transparent url(../images/blt_minus_gray.gif) no-repeat 15px 4px;
	padding-left: 30px;
}

#subnavi li.haschildren_active li.haschildren_active li a,
#subnavi li.haschildren_active li.haschildren_active li a:link,
#subnavi li.haschildren_active li.haschildren_active li a:visited,
#subnavi li.haschildren_active li.haschildren_active li a:hover,
#subnavi li.haschildren_active li.haschildren_active li a:active
{
	background-image: none;
	padding-left: 45px;
}





#body_main
{
	padding: 14px 12px 80px;
	border-bottom: 7px solid #DCDEDA;
}

table.section_front td.left
{
	width: 378px;
}

table.section_front td.right
{
	width: 365px;
}

table.section_front td table
{
	width: 365px;
	background-color: #F8F7F7;
	border: 1px solid #D8DBD6;
}

table.section_front td table td.section_image
{
	width: 133px;
	padding: 10px 9px;
}

table.section_front td table td.section_image img
{
	border: 1px solid #DCDEDA;
}

table.section_front td table td.section_text
{
	padding: 10px 25px 10px 0;
}

table.section_front td table td.section_text h3
{
	font-size: 12px;
	color: #077407;
	margin: 0 0 15px 0;
	padding: 0 0 0 9px;
	background: transparent url(../images/blt_arrow_green.gif) no-repeat left 4px;
}

table.section_front td table td.section_text a,
table.section_front td table td.section_text a:link,
table.section_front td table td.section_text a:visited
{
	color: #077407;
	text-decoration: none;
}

table.section_front td table td.section_text a:hover,
table.section_front td table td.section_text a:active
{
	color: #077407;
	text-decoration: underline;
}

table.section_front td.empty table
{
	display: none;
}

div#divider
{
	width: 743px;
	height: 1px;
	background-color: #DCDEDA;
	margin: 10px 0;
	overflow: hidden;
}



#body_right
{
	background-color: #F8F8F5;
	border-left: 1px solid #E6E6E7;
}



#foot
{
	width: 100%;
	background-color: #F8F8F5;
	border: 1px solid #E6E6E7;
	border-top: none;
}

#foot td
{
	padding-top: 13px;
	padding-bottom: 13px;
	color: #989897;
}

#foot td.left
{
	padding-left: 176px;
}

#foot td.left a,
#foot td.left a:link,
#foot td.left a:visited
{
	color: #989897;
	text-decoration: none;
}

#foot td.left a:hover,
#foot td.left a:active
{
	color: #989897;
	text-decoration: underline;
}

#foot td.right
{
	padding-right: 47px;
	text-align: right;
}








/*
	Home page bottom styles
	(Loads of them...)
*/

#home #bottom
{
	width: 958px;
	background: #fff url(../images/home_bottom_bg.gif) repeat-x left bottom;
	font-size: 11px;
}

#home #bottom a,
#home #bottom a:link,
#home #bottom a:visited
{
	text-decoration: none;
	color: #666;
}

#home #bottom a:hover,
#home #bottom a:active
{
	text-decoration: none;
	color: #006e00;
}

#bottom #introduction
{
	width: 266px;
	padding: 8px 8px 13px 11px;
	border-right: 1px solid #fff;
	float: left;
}

#bottom #introduction img.bordered
{
	margin: 2px 0 8px;
	border: 1px solid #bababa;
}

#intro_text
{
	height: 191px;
	padding: 0 18px;
	background: #fff url(../images/gray_gradient.gif) repeat-x left bottom;
	border: 1px solid #fff;
	border-top: 1px solid #dadad8;
}

#intro_text p
{
	margin: .8em 0;
	padding: 0;
}

#intro_text ul
{
	margin: .8em 0;
	padding: 0;
	list-style: none;
}

#intro_text ul li
{
	background: transparent url(../images/icn_doc.gif) no-repeat left 2px;
	padding: 0 0 0 15px;
	margin: 0;
}





#bottom_content
{
	width: 672px;
	float: left;
	border-left: 1px solid #fff;
	margin-left: -1px;
}

#bottom_content img
{
	margin: 8px 0 0 12px;
}

#bottom_content #business_areas
{
	border-bottom: 1px solid #fff;
	padding: 0 0 0 6px;
}

#business_areas div.business_area
{
	width: 153px;
	border-right: 1px solid #fff;
	padding: 2px 6px 7px;
	float: left;
}

#bottom_content #business_areas img
{
	margin: 0;
}

#business_areas div.business_area img.imagenavi
{
	border: 1px solid #bcb9b9;
	margin-bottom: 4px;
	display: block;
}

#business_areas div.business_area img.sectitle
{
	padding-top: 4px;
	margin: 4px 0 2px 2px;
}

#business_areas div.business_area div.business_list
{
	background: #fff url(../images/lightgray_gradient.gif) repeat-x left bottom;
	border: 1px solid #dadad8;
	padding: 0;
	height: 66px;
}

#business_areas div.business_area div.business_list ul
{
	margin: 0;
	padding: 4px 0 0;
	list-style: none;
}

#business_areas div.business_area div.business_list li
{
	background: transparent url(../images/blt_plus_gray.gif) no-repeat 4px 4px;
	padding-left: 17px;
}




#jobs
{
	margin: 6px 0 10px 12px;
	width: 648px;
	background: #fff url(../images/gray_gradient.gif) repeat-x left bottom;
	border: 1px solid #fff;
	border-top: 1px solid #dadad8;
}

#jobs_content
{
	padding: 14px 0 0 119px;
	background: transparent url(../images/green_apple.gif) no-repeat 27px 19px;
	height: auto !important;
	min-height: 88px;
	height: 88px;
}

#jobs_content h2.fi_FI,
#jobs_content h2.en_GB
{
	width: 128px;
	height: 14px;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/title_avoimia_tyopaikkoja.gif) no-repeat left top;
}

#jobs_content h2.en_GB
{
	background: transparent url(../images/title_open_positions.gif) no-repeat left top;
}

#jobs_content table
{
	border-collapse: collapse;
	margin: 0;
}

#jobs_content td
{
	vertical-align: bottom;
	padding-right: 20px;
}

#jobs_content td#more_jobs
{
	padding: 2px 0;
}







#job_list
{
	border-collapse: collapse;
	margin: 0;
}

#job_list p
{
	margin: 0;
	padding: 0;
}

#job_list td
{
	vertical-align: top;
	padding: 2px 15px 2px 2px;
	border-top: 1px solid #e4e3e3;
}

#job_list tr.first td
{
	border: none;
}

#job_list td.bullet img
{
	margin: 0;
	padding: 0;
}

#job_list td.bullet
{
	width: 9px;
	padding: 6px 3px 0 0;
	border: none;
}

#job_list td.unit
{
	padding-right: 0;
}





#jobs_content #job_list
{
	width: 345px;
}
















/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

.u4-table-default
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-default-header
{
	background: #077407;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 4px 8px;
	border-bottom: 1px solid #D8D8D8;
}

.u4-table-default-header2,
.u4-table-default-even,
.u4-table-default-odd
{
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	color: #525252;
	padding: 4px 8px;
	border-bottom: 1px solid #D8D8D8;
}

.u4-table-default-odd
{
	background-color: #EFF0EF;
}


/* NAVIGO DEFAULT TABLE WITH NO HEADER */

.u4-table-noheading
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-noheading-header
{
	background-color: #EFF0EF;
	vertical-align: top;
	text-align: left;
	color: #525252;
	padding: 4px 8px;
	border-bottom: 1px solid #D8D8D8;
}

.u4-table-noheading-header2,
.u4-table-noheading-even,
.u4-table-noheading-odd
{
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	color: #525252;
	padding: 4px 8px;
	border-bottom: 1px solid #D8D8D8;
}

.u4-table-noheading-odd
{
	background-color: #EFF0EF;
}


/* UNSTYLED TABLE */

.u4-table-unstyled-header,
.u4-table-unstyled-header2,
.u4-table-unstyled-even,
.u4-table-unstyled-odd
{
	vertical-align: top;
	text-align: left;
}

/* TABLE CELL STYLES */

.u4-table-default-left
{
	text-align: left;
	padding: 4px 8px;
	border-top: 1px solid #fff;
}

.u4-table-unstyled-left
{
	text-align: left;
}

.u4-table-default-right
{
	text-align: right;
	padding: 4px 8px;
	border-top: 1px solid #fff;
}

.u4-table-unstyled-right
{
	text-align: right;
}

/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }

.textInputTd, .selectInputTd, .senderInputTd{
    width : 183px;
}












/* Ajax search */

#searchResults
{
	width: 209px;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	display: none;
	z-index: 1000;
}

#searchResults h2
{
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#searchResults ul
{
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}

#searchResults li
{
	margin: 0;
	padding: .2em 0;
	border-bottom: 1px solid #ddd;
}
/*
#searchResults li a,
#searchResults li a:link,
#searchResults li a:visited
{
	text-decoration: none;
}

#searchResults li a:hover,
#searchResults li a:active
{
	text-decoration: underline;
}
*/


div.galleryContainer
{
	padding: 5px;
	background-color: #eee;
}

table.galleryImage
{
	background-color: #ddd;
}

table.galleryImage td
{
	padding: 5px;
	border: 1px solid #aaa;
}





.clearer
{
	clear: both;
}