@charset "utf-8";
/* Tiimari.fi screen styles */

body
{
	background-color: #e2e1dd;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #757575;
}

a img
{
	border: none;
}

h1
{
	font-size: 14px;
	color: #7ba464;
	background: transparent url(../images/blt_big_orange.gif) no-repeat left 3px;
	margin: .6em 0;
	padding: 0 0 0 16px;
}

h2
{
	font-size: 12px;
	color: #7ba464;
	background: transparent url(../images/blt_big_orange.gif) no-repeat left 2px;
	margin: .6em 0;
	padding: 0 0 0 16px;
}

h3
{
	font-size: 12px;
	color: #757575;
	margin: .6em 0;
	font-weight: bold;
}

p
{
	margin: 1.2em 0;
}

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

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

#wrapper
{
	width: 941px;
	padding: 28px 13px 0;
	background-color: #fff;
	border: 1px solid #d8dcd0;
	margin: 0 auto;
	text-align: left;
}

* html #wrapper
{
	overflow: hidden;
}

#head
{
	height: 65px;
	background: transparent url(../images/chequered.gif) repeat-x left bottom;
}

#head h1
{
	display: inline;
	float: left;
	width: 133px;
	height: 51px;
	margin: 0 26px 0 31px;
	padding: 0;
	overflow: hidden;
	background: transparent url(../images/masthead.gif) no-repeat left top;
}

#head h1 a,
#head h1 a:link,
#head h1 a:visited,
#head h1 a:hover,
#head h1 a:active
{
	cursor: pointer;
	width: 133px;
	height: 51px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/masthead.gif) no-repeat left top;
}



#navbar
{
	width: 695px;
	padding: 19px 0 0 0;
	margin: 0;
	float: left;
}

#mainNavi
{
	width: 750px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainNavi li.mainItem
{
	height: 35px;
	float: left;
	margin: 0;
	padding: 0;
}







#crumbs
{
	margin: 6px 0 0;
	padding: 0 0 0 7px;
	background: #fff url(../images/dot_bg.gif) repeat-x left bottom;
}

#crumbs .clearer
{
	width: 900px;
	height: 8px;
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#breadcrumbs
{
	width: 250px;
	float: left;
	overflow: hidden;
	margin: 0 8px 0 0;
	padding: 5px 0 0;
	color: #838383;
	font-size: 11px;
}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited
{
	color: #838383;
	font-size: 11px;
	text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:active
{
	color: #838383;
	font-size: 11px;
	text-decoration: underline;
}


#utilities
{
	width: 430px;
	float: left;
}


#crumbs form
{
	width: 232px;
	float: right;
	background: #ebeee6 url(../images/searchform_bg.gif) repeat-x left top;
	border: 1px solid #d4d8cc;
	padding: 0;
	margin: 0;
}

#crumbs form input
{
	vertical-align: middle;
}

#crumbs form input.textinput
{
	width: 195px;
	padding: 2px 8px 3px;
	background: transparent;
	border: none;
	color: #60615f;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}





#body
{
	background: transparent url(../images/contentbody_bg.gif) repeat-y 146px top;
}








#subnavi
{
	margin: 18px 2px 0 0;
	width: 146px;
	display: inline;
	float: left;
	height: auto !important;
	min-height: 400px;
	height: 400px;
}



#subnavi ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

#subnavi ul ul
{
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
	border-bottom: 1px solid #e6e6e6;
}

#subnavi ul ul ul
{
	border: none;
}

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

#subnavi li a,
#subnavi li a:link,
#subnavi li a:visited
{
	display: block;
	width: 125px;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	padding: 2px 7px 2px 10px;
	color: #7ba464;
	text-decoration: none;
}

#subnavi li a:hover,
#subnavi li a:active
{
	background-color: #8dc54c;
	background-image: none;
	color: #fff;
}


#subnavi li a.haschildren,
#subnavi li a.haschildren:link,
#subnavi li a.haschildren:visited
{
	background-image: url(../images/blt_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}

#subnavi li a.haschildren:hover,
#subnavi li a.haschildren:active
{
	background-image: none;
}

#subnavi li a.haschildrenactive,
#subnavi li a.haschildrenactive:link,
#subnavi li a.haschildrenactive:visited
{
	background-image: url(../images/blt_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	background-color: #f6faf0;
	border-bottom: none;
}

#subnavi li a.haschildrenactive:hover,
#subnavi li a.haschildrenactive:active
{
	background-image: none;
	background-color: #8dc54c;
	border-bottom: none;
}

#subnavi li a.active,
#subnavi li a.active:link,
#subnavi li a.active:visited
{
	background-image: none;
	background-color: #f6faf0;
}

#subnavi li a.active:hover,
#subnavi li a.active:active
{
	background-color: #8dc54c;
}

#subnavi li li a,
#subnavi li li a:link,
#subnavi li li a:visited
{
	display: block;
	width: 115px;
	background-color: #f6faf0;
	border: none;
	padding: 2px 7px 2px 20px;
	color: #7ba464;
	text-decoration: none;
}

#subnavi li li a:hover,
#subnavi li li a:active
{	
	color: #fff;
	background-color: #8dc54c;
}


#subnavi li li a.haschildren,
#subnavi li li a.haschildren:link,
#subnavi li li a.haschildren:visited,
#subnavi li li a.haschildren:hover,
#subnavi li li a.haschildren:active,
#subnavi li li a.haschildrenactive,
#subnavi li li a.haschildrenactive:link,
#subnavi li li a.haschildrenactive:visited,
#subnavi li li a.haschildrenactive:hover,
#subnavi li li a.haschildrenactive:active
{
	background-position: 10px 7px;
}

#subnavi li li a.active,
#subnavi li li a.active:link,
#subnavi li li a.active:visited
{
	color: #7ba464;
	background-color: #f6faf0;
	text-decoration: underline;
}

#subnavi li li a.active:hover,
#subnavi li li a.active:active
{
	color: #fff;
	background-color: #8dc54c;
	text-decoration: underline;
}

#subnavi li li li a,
#subnavi li li li a:link,
#subnavi li li li a:visited
{
	background-color: #f6faf0;
	width: 105px;
	padding: 2px 7px 2px 30px;
	border: none;
	color: #7ba464;
}

#subnavi li li li a:hover,
#subnavi li li li a:active
{
	background-color: #8dc54c;
	color: #fff;
}




#content
{
	width: 567px;
	margin: 0;
	padding: 0;
	float: left;
}

#content_head
{
	width: 567px;
	background: #fff url(../images/dot_bg.gif) repeat-x left bottom;
	margin: 0;
	padding: 0;
	height: 4em;
	overflow: hidden;
}

#content_head h1
{
	background: transparent url(../images/blt_big_orange.gif) no-repeat 10px 4px;
	margin: 17px 0 0;
	padding: 0 0 0 32px;
	font-size: 14px;
	font-weight: bold;
	color: #7ba464;
}

#content_body
{
	width: 550px;
	padding: 0;
	margin: 5px 0 10px 10px;
}


#standard_wide #body
{
	background-position: -423px;
}

#standard_wide #content,
#standard_wide #content_head
{
	width: 792px;
}

#standard_wide #content_body
{
	width: 755px;
}








#right_side
{
	width: 225px;
	margin: 0;
	padding: 0;
	float: right;
}

#right_top
{
	background: #fff url(../images/dot_bg.gif) repeat-x left bottom;
	height: 4em;
}

#right_lists
{
	margin: 8px 0 8px 8px;
	padding: 6px;
	background-color: #f0f7e6;
	border: 1px dotted #6a0;
}

#right_lists h3
{
	font-size: 14px;
	color: #7ba464;
	margin: 0 0 .6em;
	padding: 0;
}

#right_lists h3 a,
#right_lists h3 a:link,
#right_lists h3 a:visited
{
	text-decoration: none;
}

#right_lists h3 a:hover,
#right_lists h3 a:active
{
	text-decoration: underline;
}


#right_lists ul
{
	list-style: none;
	margin: .6em 0 .6em 3px;
	padding: 0;
}

#right_lists ul li
{
	padding: 0 0 0 9px;
	background: transparent url(../images/blt_arrow_right.gif) no-repeat left .4em;
	margin: 0;
}

#right_lists ul li a,
#right_lists ul li a:link,
#right_lists ul li a:visited
{
	text-decoration: none;
}

#right_lists ul li a:hover,
#right_lists ul li a:active
{
	text-decoration: underline;
}

#right_lists ul li a.active,
#right_lists ul li a.active:link,
#right_lists ul li a.active:visited
{
	font-weight: bold;
}

#right_lists ul li a.active:hover,
#right_lists ul li a.active:active
{
	font-weight: bold;
}

#right_hilites
{
	margin: 8px 0 8px 8px;
}










#footer
{
	border-top: 11px solid #fff;
	width: 892px;
	clear: both;
	background: #fff url(../images/footer_bg.gif) repeat-x left top;
	padding: 30px 24px 24px;
	text-align: right;
}

#footer img
{
	margin-left: 25px;
}










#inst_main_image
{
	width: 545px;
	padding: 0;
	margin: 12px 0 12px 10px;
}

#inst_main_image img
{
	border: 1px solid #cddfc3;
}


#inst_supplies
{
	width: 542px;
	padding: 0;
	margin: 12px 0 12px 10px;
	height: auto !important;
	min-height: 60px;
	height: 60px;
	padding-bottom: 20px;
	background: #fff url(../images/supplies_bg.gif) repeat-x left bottom;
}

#inst_supplies h2
{
	display: inline;
	float: left;
	width: 74px;
	height: 23px;
	margin-left: 6px;
	background: transparent url(../images/title_tarvitset.gif) no-repeat left bottom;
}

#inst_symbols
{
	display: inline;
	width: 425px;
	float: right;
	text-align: right;
	margin-right: 24px;
}

#inst_supplies div.clearer
{
	width: 450px;
	height: 1px;
	overflow: hidden;
	clear: both;
}




#subhome_wrapper
{
	width: 547px;
	margin-left: 8px;
}

#subhome_wrapper #content_body
{
	margin-left: 0;
}

div.separator_horiz
{
	margin: 7px 0;
	height: 5px;
	overflow: hidden;
	background: #fff url(../images/separator_bg.gif) repeat-x left top;
}

#themes_table
{
	border-collapse: collapse;
}

#themes_table td,
#themes_table th
{
	vertical-align: top;
	text-align: left;
	padding: 0;
	font-size: 12px;
}

#themes_table td.col_a,
#themes_table th.col_a,
#themes_table td.col_b,
#themes_table th.col_b,
#themes_table td.col_c,
#themes_table th.col_c
{
	width: 177px;
	padding-bottom: 10px;
}

#themes_table th
{
	padding: 0 0 12px 18px;
	background: #fff url(../images/blt_big_orange.gif) no-repeat left 2px;
	color: #7ba464;
	font-weight: bold;
}

#themes_table td.separator_vert
{
	width: 7px;
	overflow: hidden;
}









#home #body
{
	width: 941px;
	background-image: none;
}

#home_dummy
{
	margin-top: 7px;
	width: 941px;
	height: 649px;
	background: transparent url(../images/home_dummy.jpg) no-repeat left top;
}


#home_main
{
	width: 740px;
	margin: 7px 0 0 0;
	float: left;
}

#home #main_top
{
	padding-bottom: 8px;
}


#home #main_top_left
{
	width: 197px;
	float: left;
	margin: 0 8px 9px 0;
}

#home #main_columns
{
	width: 737px;
	border-collapse: collapse;
}

#home #main_columns td
{
	padding: 0;
	vertical-align: top;
	text-align: left;
}

#home #main_columns td a,
#home #main_columns td a:link,
#home #main_columns td a:visited
{
	text-decoration: none;
}

#home #main_columns td a:hover,
#home #main_columns td a:active
{
	text-decoration: underline;
}

#home #main_columns td#col_a
{
	width: 197px;
}

#home #main_columns td#col_b,
#home #main_columns td#col_c,
#home #main_columns td#col_d
{
	width: 172px;
}

#home #main_columns td.separator
{
	width: 8px;
	overflow: hidden;
}

#home #main_columns h2.col_head
{
	width: 172px;
	height: 20px;
	background: #fff url(../images/home_colhead_bg.gif) no-repeat left top;
	margin: 4px 0 10px 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#home #main_columns h2.col_head span
{
	display: block;
	padding: 3px 5px 0 9px;
}

#home #main_columns div.col_body
{
	padding: 0 0 10px 9px;
	font-size: 11px;
}

#home_side
{
	margin: 7px 0 0 0;
	width: 200px;
	float: right;
	overflow: hidden;
}

#home_bottom
{
	width: 941px;
}

#form_bg,
#mailform
{
	width: 740px;
	overflow: hidden;
	float: left;
}

#home #main_top_left #form_bg
{
	width: 197px;
}

#mailform
{
	width: 680px;
	padding: 50px 30px 38px;
}

#main_top_left #mailform
{
	width: 185px;
	height: 41px;
	padding: 198px 0 0 12px;
}

#mailform input
{
	vertical-align: middle;
}

#mailform input.textinput
{
	background-color: #fff;
	width: 277px;
	padding: 4px 9px;
	color: #757575;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: none;
}

#main_top_left #mailform input.textinput
{
	background-color: #fff;
	width: 134px;
	padding: 4px 6px;
	color: #757575;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	border: none;
}

#home_bottom #bottom_right
{
	width: 200px;
	float: right;
}









/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

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

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

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

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





/* Table w/o header row */

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

.u4-table-noheader-header
{
	background-color: #eaeaed;
	vertical-align: top;
	text-align: left;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-noheader-header2,
.u4-table-noheader-even,
.u4-table-noheader-odd
{
	background-color: #f4f4f4;
	vertical-align: top;
	text-align: left;	
	padding: 2px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-noheader-odd
{
	background-color: #eaeaed;
}




/* UNSTYLED TABLE */

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

/* TABLE CELL STYLES */

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

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

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

.u4-table-unformatted-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;
}








ul.list_generic
{
	list-style: none;
	margin: .6em 0;
	padding: 0;
}

ul.list_generic li
{
	display: inline-block;
	margin: 0;
	padding: 0;
}

ul.list_generic li a,
ul.list_generic li a:link,
ul.list_generic li a:visited,
ul.list_generic li a:hover,
ul.list_generic li a:active
{
	display: block;
	cursor: pointer;
	padding: .1em 0 .1em 17px;
	background: transparent url(../images/blt_arrow_right.gif) no-repeat left .3em;
}










.ir
{
	display: block;
	text-decoration: none;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
}






/* Home e-mail subscription help window */

#helpWin
{
	position: absolute;
	width: 400px;
	background: transparent url(../images/helpwin_stem.gif) no-repeat left bottom;
	padding: 0 0 18px 0;
	text-align: left;
	display: none;
	
}

#helpWinContent
{
	font-size: 11px;
	background-color: #fff;
	margin: 0;
	padding: 0 15px 5px;
	border: 1px solid #abaf98;
	border-bottom: none;
}



#standard #helpWin
{
	position: absolute;
	width: 400px;
	background: transparent url(../images/helpwin_stem.gif) no-repeat left bottom;
	padding: 0 0 18px 0;
	text-align: left;
	display: none;
	
}

#standard #helpWinContent
{
	font-size: 11px;
	background-color: #fff;
	margin: 0;
	padding: 0 15px 5px;
	border: 1px solid #abaf98;
	border-bottom: none;
}




/*
	Single blog post
*/

#blog_post #post_foot
{
	background-color: #eee;
	margin: 1em 0;
	padding: .6em;
	border: 1px solid #ccc;
}

#blog_post .blog_comment
{
	margin: 1em 12px;
	border: 1px solid #eee;
	background-color: #fff;
}

#blog_post .blog_comment .comment_info
{
	background-color: #f3f3f3;
	padding: .6em;
}

#blog_post .blog_comment .comment_info .writer
{
	font-weight: bold;
	padding-top: .4em;
}

#blog_post .blog_comment .comment_content
{
	padding: .6em;
}

#blog_post #blog_comment_form
{
	margin: 1em 0;
	padding: 0;
}

#blog_comments_head,
#blog_post #blog_comment_form
{
	margin-left: 12px;
	margin-right: 12px;
}

#blog_comments_head,
#blog_post #blog_comment_form h2
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #7ba464;
	padding-left: 0;
	background-image: none;
}

#blog_post #blog_comment_form label
{
	margin: .6em 0 0;
	display: block;
}

#blog_post #captcha img
{
	border: 1px solid #ddd;
	margin: .4em 0;
}

#blog_errors
{
	border: 1px solid #f00;
	padding: .6em;
	margin: .6em 12px;
	background-color: #ffd5bf;
}