/*
	Vilakone screen CSS
*/


/* Type styles */

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

table
{
	border-collapse: collapse;
}

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

a img
{
	border: none;
}

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

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

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

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

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








/* Layout styles */

#outer_wrapper
{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background: transparent url(../images/wrapper_top_bg.gif) repeat-x 4px top;
}

#inner_wrapper
{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	background-color: #fff;
	padding: 9px 0 0;
}

#head
{
	margin: 0 9px 1px;
	padding: 0;
	background: #fdbf02 url(../images/head_bg.gif) repeat-x left bottom;
}

#masthead
{
	float: left;
	width: 161px;
	height: 61px;
	background: transparent url(../images/masthead.gif) no-repeat left top;
	margin: 12px 0 0 19px;
	padding: 0;
	overflow: hidden:
}

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


#langlinks
{
	float: left;
	margin: 42px 0 0 31px;
	list-style: none;
	padding: 0;
}

#langlinks li
{
	float: left;
}

#langlinks li a,
#langlinks li a:link,
#langlinks li a:visited
{
	display: block;
	cursor: pointer;
	padding: 3px;
	float: left;
	background-color: transparent;
}

#langlinks li a:hover,
#langlinks li a:active
{
	background-color: #ffde00;
}


#head div.clearer
{
	width: 982px;
	height: 10px;
	margin: 0;
	padding: 0;
}

#head form
{
	float: right;
	margin: 47px 27px 0 0;
	padding: 0;
}




#navbar
{
	margin: 0 9px 0;
	background-color: #000;
}



#crumb_bar
{
	display: inline;
	float: left;
	clear: left;
	width: 962px;
	padding-left: 20px;
	margin: 0 0 0 9px;
	height: 2.6em;
	line-height: 2.6em;
	vertical-align: middle;
	border-bottom: 1px solid #d8d6d6;
	font-size: 11px;
	color: #333;
	background-color: #fff;
}

#crumbs
{
	float: left;
}

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

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

#print_link
{
	padding-right: 33px;
	text-align: right;
	float: none;
	line-height: 2.6em;
	vertical-align: middle;
}

* html #print_link
{
	padding-top: .7em;
}

* html #print_link.home
{
	padding-top: 0;
}

#print_link a,
#print_link a:link,
#print_link a:visited,
#print_link a:hover,
#print_link a:active
{
	margin-right: 8px;
}










#body
{
	width: 982px;
	margin: 0 9px;
	background: #fff url(../images/sidebar_bg.gif) repeat-y left top;
}







/* Subnavi styles */


#subnavi
{
	float: left;
	width: 185px;
	border: none;
	border-right: 1px solid #d8d6d6;
}

#subnavi #topborder
{
	height: 10px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#subnavi h2
{
	font-size: 13px;
	padding: 0 0 4px 11px;
	margin: 0;
	background-color: #fff;
	border-left: 4px solid #f89829;
}

#subnavi h2 a,
#subnavi h2 a:link,
#subnavi h2 a:visited
{
	color: #666;
	text-decoration: none;
}

#subnavi h2 a:hover,
#subnavi h2 a:active
{
	color: #666;
	text-decoration: underline;
}

#subnavi #subnavi_wrapper
{
	width: 179px;
	background-color: #fff;
	margin: 0;
	padding: 2px 0 6px;
}

#subnavi #subnavi_wrapper ul
{
	border-top: 1px solid #D2DADB;
	border-bottom: 1px solid #D2DADB;
	padding: 0 0 1px 0;
	margin: 0;
	list-style: none;
}

#subnavi #subnavi_wrapper ul ul
{
	border: none;
	margin: 0;
	padding: 0;
}

#subnavi #subnavi_wrapper li
{
	display: inline;
}

#subnavi #subnavi_wrapper li a,
#subnavi #subnavi_wrapper li a:link,
#subnavi #subnavi_wrapper li a:visited
{
	display: block;
	border-left: 4px solid #ffc40d;
	border-top: 1px solid #fff;
	background-color: #EFF0EF;
	padding: 2px 18px 3px 13px;
	color: #525252;
	text-decoration: none;
}

#subnavi #subnavi_wrapper li a:hover,
#subnavi #subnavi_wrapper li a:active,
#subnavi #subnavi_wrapper li.active a,
#subnavi #subnavi_wrapper li.active a:link,
#subnavi #subnavi_wrapper li.active a:visited
{
	border-left: 4px solid #ffc40d;
	background-color: #fff;
}

#subnavi #subnavi_wrapper li.haschildren a
{
	background: #EFF0EF url(../images/icn_plus_opqgry.gif) no-repeat 161px 7px;
}


#subnavi #subnavi_wrapper li.haschildren a:hover,
#subnavi #subnavi_wrapper li.haschildren a:active
{
	border-left: 4px solid #ffc40d;
	background: #fff url(../images/icn_plus_opqgry.gif) no-repeat 161px 7px;
}

#subnavi #subnavi_wrapper li.haschildren_active a,
#subnavi #subnavi_wrapper li.haschildren_active a:link,
#subnavi #subnavi_wrapper li.haschildren_active a:visited
{
	border-left: 4px solid #ffde01;
	background: #fff url(../images/icn_minus_opqgry.gif) no-repeat 161px 7px;
}

#subnavi #subnavi_wrapper li li a,
#subnavi #subnavi_wrapper li li a:link,
#subnavi #subnavi_wrapper li li a:visited,
#subnavi #subnavi_wrapper li.haschildren_active li a,
#subnavi #subnavi_wrapper li.haschildren_active li a:link,
#subnavi #subnavi_wrapper li.haschildren_active li a:visited,
#subnavi #subnavi_wrapper li.haschildren_active li a:hover,
#subnavi #subnavi_wrapper li.haschildren_active li a:active
{
	padding-left: 23px;
	border-top: none;
	border-left: 4px solid #ffde01;
	background-image: none;
}



#subnavi #subnavi_wrapper li li.haschildren a,
#subnavi #subnavi_wrapper li li.haschildren a:link,
#subnavi #subnavi_wrapper li li.haschildren a:visited
{
	background: #fff url(../images/icn_plus_opqgry.gif) no-repeat 161px 5px;
}

#subnavi #subnavi_wrapper li li.haschildren_active a,
#subnavi #subnavi_wrapper li li.haschildren_active a:link,
#subnavi #subnavi_wrapper li li.haschildren_active a:visited
{
	background: #fff url(../images/icn_minus_opqgry.gif) no-repeat 161px 5px;
}

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

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



#left_banner
{
	margin: 16px 0;
	text-align: left;
}



#content
{
	width: 778px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	float: left;
	border-top: 8px solid #d8d6d6;
	border-left: 1px solid #d8d6d6;
	padding: 11px 9px;
	margin-left: -1px;
}

#content_head
{
	font-size: 15px;
	margin: 0 0 .6em 0;
	border-left: 6px solid #fdbf02;
	border-bottom: 1px solid #d8d6d6;
	padding: .4em .6em;
}

#content_bottom
{
	background-color: #fff;
	width: 185px;
	height: 8px;
	overflow: hidden;
	border: none;
	border-right: 1px solid #d8d6d6;
	clear: both;
}









#foot
{
	height: auto !important;
	min-height: 24px;
	height: 24px;
	width: 930px;
	padding: 23px 35px 13px;
	clear: both;
	border-top: 2px solid #dedcdc;
	border-bottom: 16px solid #fdd30f;
	background-color: #ebebeb;
}

#foot #foot_text
{
	width: 700px;
	float: left;
	font-size: 11px;
	color: #707070;
}

#foot #foot_text a,
#foot #foot_text a:link,
#foot #foot_text a:visited
{
	color: #707070;
	text-decoration: underline;
}

#foot #foot_text a:hover,
#foot #foot_text a:active
{
	color: #707070;
	text-decoration: none;
}


#foot #wihurifi_link,
#foot #wihurifi_link:link,
#foot #wihurifi_link:visited,
#foot #wihurifi_link:hover,
#foot #wihurifi_link:active
{
	width: 47px;
	height: 24px;
	margin: -7px 0 0;
	background: transparent url(../images/w_logo.gif) no-repeat left top;
	float: right;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
}







/* Page types */

#product_main
{
	background-color: #898787;
	margin: 0 0 .6em;
	padding: 0;
}

#product_mainimage
{
	width: 410px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

#product_maintext
{
	padding: 23px 0 0 13px;
	width: 322px;
	float: left;
	margin: 0;
	color: #fff;
}

#product_maintext a,
#product_maintext a:link,
#product_maintext a:visited,
#product_maintext a:hover,
#product_maintext a:active
{
	color: #fff;
}

#product_maintext #product_mainhead
{
	margin: 0 0 .6em 0;
	font-size: 12px;
	color: #fff;
}

#product_main .clearer
{
	height: 8px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #fdbf02;
}

#product_divider
{
	display: block;
	border: none;
	outline: none;
	margin: .6em 0 0;
	padding: 0;
	height: 1px;
	background-color: #ccc;
}


#home #body
{
	background-image: none;
}

#home #main_flash
{
	width: 982px;
	height: 311px;
	float: left;
	/*background: transparent url(../images/home_dummy.jpg) no-repeat left top;*/
}

#home #content
{
	display: inline;
	width: 975px;
	margin: 12px 0 0 7px;
	padding: 0;
	border: none;
	float: left;
	clear: both;
	height: auto;
	min-height: 10px;
	background: transparent url(../images/home_content_bg.gif) repeat-y 263px top;
}

#home #col_a
{
	display: inline;
	float: left;
	margin: 0;
	width: 252px;
	padding: 0 11px 0 0;
	border-right: 1px solid #e8e7e7;
}

#home #col_b
{
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
	width: 372px;
	padding: 0 11px 0 13px;
	border-right: 1px solid #e8e7e7;
	border-left: 1px solid #e8e7e7;
}

#home #col_c
{
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
	width: 295px;
	padding: 0 0 0 13px;
	border-left: 1px solid #e8e7e7;
}

#home #col_c_banner
{
	width: 139px;
	float: left;
	overflow: hidden;
}

#home h2.col_head
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 1em 0;
}

#home h2.col_head a,
#home h2.col_head a:link,
#home h2.col_head a:visited
{
	color: #525252;
	text-decoration: none;
}

#home h2.col_head a:hover,
#home h2.col_head a:active
{
	color: #525252;
	text-decoration: underline;
}

#home #content_bottom
{
	width: 975px;
	height: 6px;
	margin: 0;
	clear: both;
	overflow: hidden;
	border: none;
}











/* Content elements */

.hilite_wrapper
{
	height: auto !important;
	min-height: 10px;
	height: 10px;
	display: block;
	border-top: 1px solid #ccc;
	padding: 8px 0 0;
	margin: 0;
}

.hilite_wrapper .hilite_image
{
	float: left;
	width: 234px;
	padding: 7px;
	margin: 0 0 7px;
	border: 1px solid #d3d1d1;
	overflow: hidden;
}

.hilite_wrapper .hilite_text
{
	display: inline;
	margin: 0 0 0 22px;
	float: left;
	width: 450px;
}

.hilite_wrapper .hilite_text .hilite_head
{
	font-size: 12px;
	background: transparent url(../images/blt_blue.gif) no-repeat left 2px;
	padding: 0 0 0 23px;
	margin: 0 0 .6em 0;
}

.hilite_wrapper .hilite_text .hilite_head *
{
	background-image: none;
}

.hilite_wrapper .hilite_text .hilite_body
{
	margin: .6em 0 0 0;
}

.hilite_wrapper .hilite_text .hilite_body table.u4-table-noheading
{
	width: 100%;
}

.hilite_wrapper .clearer
{
	width: 600px;
	height: 1px;
	overflow: hidden;
	margin: -5px 0 0 0;
	padding: 0;
}










/* Generic classes */

.clearer
{
	clear: both;
}

/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

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

.u4-table-default tr
{
	border: none;
}

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

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

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

/* NAVIGO DEFAULT CENTER TABLE */

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

.u4-table-default_center tr
{
	border: none;
}

.u4-table-default_center-header
{
	background: #ffc40d;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	color: #666;
	padding: 4px 8px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-default_center-header2,
.u4-table-default_center-even,
.u4-table-default_center-odd
{
	background-color: #ebebeb;
	vertical-align: top;
	text-align: center;
	color: #666;
	padding: 4px 8px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-default_center-odd
{
	background-color: #f4f4f4;
}



/* NAVIGO DEFAULT TABLE WITH NO HEADER */

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

.u4-table-noheading tr
{
	border: none;
}

.u4-table-noheading-header
{
	background-color: #ebebeb;
	vertical-align: top;
	text-align: left;
	color: #666;
	padding: 4px 8px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

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

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


/* UNSTYLED TABLE */

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

.u4-table-unstyled tr
{
	border: none;
}

/* UNSTYLED CENTER TABLE */

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

.u4-table-unstyled tr
{
	border: none;
}

/* TABLE CELL STYLES */

.u4-table-default-left
{
	text-align: left;
	padding: 4px 8px;
}

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

.u4-table-default-right
{
	text-align: right;
	padding: 4px 8px;
}

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


.u4-table-default-center
{
	text-align: center;
	padding: 4px 8px;
}

.u4-table-noheading-left
{
	text-align: left;
	padding: 4px 8px;
}

.u4-table-noheading-right
{
	text-align: right;
	padding: 4px 8px;
}

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

.u4-table-noheading-center
{
	text-align: center;
	padding: 4px 8px;
}


/*  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;
}






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

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

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







#home table.newslist td
{
	font-size: 11px;
}

table.newslist td.date
{
	padding-right: 14px;
}

#home table.newslist td a,
#home table.newslist td a:link,
#home table.newslist td a:visited
{
	color: #525252;
	text-decoration: none;
}

#home table.newslist td a:hover,
#home table.newslist td a:active
{
	color: #006f96;
	text-decoration: none;
}






#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;
}