/* 1. Global styles */

a:link
{
	text-decoration:none;
	color:#688c1e;
}
a:visited
{
	text-decoration:none;
	color:#8b9473;
}
a:hover, a:active
{
	text-decoration:underline;
	color:#425913;
}
.selectedPath a 
{
	color:#000;
}
body
{
	background: #f5fbea url(/Layout/PaperiJaPuu/Image/gradient_bg.jpg) repeat-x;
	color:#000;
	text-align:center;
	font-family:Arial, Helvetica, Sans-Serif;
}
/* 2. Styles for wrappers */
div#wrapper
{
	margin:0 auto;
	/* width: 781px; */
	width: 940px;
	text-align:left;
}
div#headerLanguageOptions 
{
	margin:0;
	padding:10px 0;
	width:781px;
	float:left;
}
div#headerLanguageOptions div.bullet
{
	margin:0;
	padding:0;
	width:auto;
	float:none;
	display:inline;
}
div#wrapperRoundedCornersTop 
{
	width:781px;
	float:left;
	margin:0 0 24px 0;
	padding:0 0 10px 0;
	background:#fff url(/Layout/PaperiJaPuu/Image/background_rounded-corners.gif) left bottom no-repeat;
}
div#wrapperRoundedCornersBottom 
{
	width:781px;
	float:left;
	margin:0 0 0 0;
	background:url(/Layout/PaperiJaPuu/Image/paperijapuu_vinjetti.jpg) no-repeat;	
}
.en-GB div#wrapperRoundedCornersBottom 
{
	width:781px;
	float:left;
	margin:0 0 0 0;
	background:url(/Layout/PaperiJaPuu/Image/paperijapuu_vinjetti_en.jpg) no-repeat;	
}
.columns1 div#wrapperRoundedCornersBottom 
{
	width:781px;
	float:left;
	padding:10px 0 0 0;
	margin:0 0 0 0;
	background:url(/Layout/PaperiJaPuu/Image/content_top-trafficdivider.gif) no-repeat;
	
}
div#headerWrapper 
{
	width:781px;
	margin:0 0 3px 0;
	float:left;
	height:137px;
	overflow:hidden;
}
.columns1 div#headerWrapper
{
	display:none;
}
/* Etusivulle, alasivuilla sisältöalue valkoinen */
.etusivu div#contentWrapper 
{
	width:781px;
	float:left;
	margin:0;
	padding:6px 0 0 0;
	background:url(/Layout/PaperiJaPuu/Image/content_bg.gif) repeat-y;
	color:#333;
}
.etusivu div#contentWrapperBottom 
{
	width:781px;
	float:left;
	margin:0;
	padding:0 0 12px 0;
	background:url(/Layout/PaperiJaPuu/Image/sidebar_gradient_bg.gif) right bottom no-repeat;
	min-height:219px;
}
/* Alasivulle, etusivuilla sisältöalue kaksivärinen */
div#contentWrapper 
{
	width:781px;
	float:left;
	margin:0;
	padding:6px 0 0 0;
	background:url(/Layout/PaperiJaPuu/Image/content_bg-white.gif) repeat-y; 
	color:#333;
}
/* alasivun palstajako */
#wrapper div#contentLeft
{
	width: 262px;
	float:left;
	margin:0;
	padding:20px 0;
}
#wrapper div#contentCenter
{
	width:489px;
	float:left;
	margin:0;
	padding:0 0 20px 0;
}
/* liikenteenjakosivun palstajako */	
div.columns1 div#contentCenter
{
	width: 781px !important;
	float:left;
	margin:0;
	padding:20px 0;
}
/* etusivun palstajako */	
.etusivu #wrapper div#contentLeft
{
	float:left;
	margin:0;
	padding:20px 28px 20px 31px;
	width: 259px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:200px;
}
html>body.etusivu #wrapper div#contentLeft 
{
	width:200px;
}
.etusivu #wrapper div#contentCenter
{
	float:left;
	margin:0;
	padding:20px 20px 0 0;
	width: 303px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 283px;
}
html>body.etusivu #wrapper div#contentCenter 
{
	width:283px;
}
.etusivu #wrapper div#contentRight
{
	margin:0;
	padding:20px 0 24px 20px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 195px;
}
html>body.etusivu #wrapper div#contentRight 
{
	width:195px;
}

.etusivu #wrapper div#contentExtended
{
	margin: 0;
	width: 500px;	
	float: left;
}
.etusivu #wrapper div#contentExtended .content
{
	padding: 20px 20px 20px 31px;
}

div#footerWrapper 
{
	width:781px;
	float:left;
	margin:0;
	padding:0;
	background:url(/Layout/PaperiJaPuu/Image/footer_bg-lines.gif) repeat-y;
	min-height:100px;
}
div#footerWrapperInside
{
	float:left;
	margin:0;
	/* background:url(/Layout/PaperiJaPuu/Image/metsakustannus_logo.gif) 12px 0 no-repeat; */
	min-height:100px;
	/* padding:0 0 0 125px; */
	width:781px;
	voice-family:"\"}\"";
	voice-family:inherit;
	/* width:656px; */
	padding: 0px;
}
html>body div#footerWrapperInside
{
	width:656px;
}
/* 3. Default styles for controls */
div.control
{
}
div.control div.content
{
}
div.control div.title
{
	margin:0;padding:0;
}
div.control div.functions
{
}
/* 4. Control type specific overrides */
div#headerWrapper div.headernavigation ul
{
	margin: 104px 0 0 18px !important; /* IE6 hack */
	margin: 104px 0 0 9px;
	padding: 0;
	list-style: none;
	float: left;
	width:759px;
}
div.headernavigation li
{
	margin: 0 5px 0 0;
	float: left;
	display: block;
	font-size:120%;
	font-weight:bold;
	padding:0 9px 0 0;
	background:url(/Layout/PaperiJaPuu/Image/tab_right.gif) right top no-repeat;
	border-bottom:1px solid #989f73
}
div.headernavigation li.selected, div.headernavigation li.selectedPath
{
	padding:0 9px 0 0;
	margin:0 5px 0 0;border-bottom:1px solid #fff;
	background:url(/Layout/PaperiJaPuu/Image/tab-selected_right.gif) right top no-repeat;
}
.headernavigation ul .bullet 
{
	float:left;
	margin:0;
	padding:0;
}
div.navigationPath ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
div.navigationPath li
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
/* 5. Wrapper specific overrides */
div#main div.control
{
}

#footerWrapper
{
	clear: left;
}
#footerWrapperInside
{
	padding-left: 0px;	
	background-image: none;
	width: 781px;
}
.alatunnisteet .content ul
{
	width: 781px !important;		
} 
.alatunnisteet ul .itemImage
{
	width: 115px;
	padding-left: 10px !important;
	padding-right: 5px !important;	
}


/* 6. Headers */
h1 
{
	margin:0 0 1em 0;
	padding:0;
	line-height:110%;
}
h2 
{
	margin:0 0 0.8em 0;
	padding:0;
	line-height:110%;
}
.document h1 {font-size:135%; font-weight:bold;}
h3 
{
	margin:1.2em 0 0.3em 0;
	padding:0;
	line-height:110%;
}
h4 
{
	margin:1em 0 0.2em 0;
	padding:0;
	line-height:110%;
}
h5 
{
	margin:0.8em 0 0.2em 0;
	padding:0;
	line-height:110%;
}
.announcement 
{
	margin:0 0 1.3em 0;
}
.hyperLinkTitle 
{
	font-weight:bold;
}
/* 7. Lists and bodytext */
p 
{
	margin:0 0 1.2em 0;
	line-height:140%;
}
#contentLeft ul
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:200px;
	background:url(/Layout/PaperiJaPuu/Image/subnavi_gradient-bg.gif) repeat-y;
	font-size:105%;
}
#contentLeft ul.Children
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:200px;
	background:url(/Layout/PaperiJaPuu/Image/subnavi_gradient-bg2.gif) repeat-y;
}
#contentLeft li 
{
	margin:0;
	padding:0;
	float:left;
	width:200px;
}
#contentLeft li a
{
	font-weight:bold;
	margin:0;
	float:left;
	display:block;
	border-bottom:1px solid #e4ecd4;
	background:url(/Layout/PaperiJaPuu/Image/subnavi_bullet.gif) 11px 3px no-repeat;
	padding:3px 10px 3px 32px;
	width:200px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:158px;
}
html>body #contentLeft li a 
{
	width:158px;
}
#contentLeft li.selected a
{
	background:url(/Layout/PaperiJaPuu/Image/subnavi-selected_bullet.gif) 11px 3px no-repeat;
	color:#000;
}
#contentLeft .Children li a
{
	font-weight:normal;
	margin:0;
	float:left;
	display:block;
	border-bottom:1px solid #e4ecd4;
	background:url(/Layout/PaperiJaPuu/Image/subnavi2_bullet.gif) 29px 6px no-repeat;
	padding:3px 10px 3px 43px;
	width:200px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:149px;
}
html>body #contentLeft .Children li a 
{
	width:149px;
}
#contentLeft .Children li a
{
	background:url(/Layout/PaperiJaPuu/Image/subnavi2_bullet.gif) 29px 6px no-repeat;
	color:#688c1e;
}
#contentLeft .Children li.selected a
{
	background:url(/Layout/PaperiJaPuu/Image/subnavi2-selected_bullet.gif) 29px 6px no-repeat;
	color:#000;
	font-weight:bold;
}
#contentCenter ul 
{
	/*margin:0 0 0.65em 0;
	padding:0;*/
}
#contentCenter li 
{
	/*padding:0;
	margin:0 0 0.35em 0;
	line-height:120%;*/
}

div.navigationPath .content ul 
{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	list-style:none;
	border-bottom:1px solid #d1dcbb;
	font-size:0.95em;
	width:100%;
}
div.navigationPath .content li 
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	line-height:100%;
	display:inline;
}
div.navigationPath .content li .separator
{
	padding:0 3px 0 0;
}
div.navigationPath .content li.active 
{
	color:#000;
	font-weight:bold;
}
#contentCenter .navigation .content ul 
{
	margin:10px 0 10px 0;
	padding:10px 0 0 0;
	list-style:none;
	border-top:1px solid #d1dcbb;
	font-size:0.95em;
	width:100%;
}
#contentCenter .navigation .content ul li 
{
	padding:0 3px 0 0;
	margin:0 3px 0 0;
	line-height:100%;
	display:inline;
	border-right:1px solid #688c1e;
}
#contentCenter .navigation .content li.selectedPath 
{
	color:#000;
	font-weight:bold;
}
#contentCenter .navigation .content ul li.lastItem 
{
	margin:0 0 0 0;
	border-right:0 none;
}
#contentCenter .navigation .content .bullet
{
	display:inline; 
}

#contentCenter .navigation .content .lastItem .bullet
{
	display:inline;
	border-right:0 none;
}
#contentRight li 
{
}
/* 8. Links */
.headernavigation li a:link, .headernavigation li a:visited
{
	text-decoration:none;
	color:#688c1e;
	background:url(/Layout/PaperiJaPuu/Image/tab_left.gif) no-repeat;
	display:block;
	float:left;
	margin:0;
	padding:12px 3px 0.3em 12px;
}
.headernavigation li a:hover, .headernavigation li a:active
{
	color:#000;
	background:url(/Layout/PaperiJaPuu/Image/tab_left.gif) no-repeat;
	display:block;
	float:left;
	margin:0;
	padding:12px 3px 0.3em 12px;
}
.headernavigation li.selected a:link, .headernavigation li.selected a:visited, 
.headernavigation li.selected a:hover, .headernavigation li.selected a:active,
.headernavigation li.selectedPath a:link, .headernavigation li.selectedPath a:visited, 
.headernavigation li.selectedPath a:hover, .headernavigation li.selectedPath a:active
{
	color:#000;
	background:url(/Layout/PaperiJaPuu/Image/tab-selected_left.gif) no-repeat;
	display:block;
	float:left;
	margin:0;
	padding:12px 3px 0.3em 12px;
}
/* 9. Additional css classes */
#contentLeft div.navigationTree .sidebarNavi
{
	 margin:0 0 0 31px !important;
	 margin:0 0 0 15px; /* IE6 hack */
	 padding:11px 0 0 0;
	 float:left;
	 width:200px;
	 background:url(/Layout/PaperiJaPuu/Image/subnavi_gradient-top.gif) no-repeat;	
}
#contentLeft div.navigationTree .sidebarNavi .sidebarNaviInside 
{
	 margin:0;
	 float:left;
	 background:url(/Layout/PaperiJaPuu/Image/subnavi_gradient-bottom.gif) left bottom no-repeat;	
	 padding:0 0 42px 0;
	 width:200px;
}
div.navigation.vertical
{
	clear: left;
}
div.navigation.vertical ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.navigation.vertical ul li
{
	float: left;
	padding-right: 10px;
	display: block;
}
div.navigation ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	float: left;
}
div#headerLanguageOptions .content ul
{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	font-size:90%;	
}
div#headerLanguageOptions .content li
{
	margin:0;
	padding:0 7px 0 0;
	display:inline;
	font-weight:bold;
	background:transparent;
}
div#headerLanguageOptions .content ul li.lastItem 
{
	margin:0;
	padding:0 0 0 7px;
	border-left:1px solid #fff;
}
div#headerLanguageOptions .content li a 
{
	color:#fff;
	background:transparent;
	display:inline;
	margin:0;
	padding:0;
	font-weight:bold;
}
div#headerLanguageOptions .content li.selectedPath, div#headerLanguageOptions .content li.selectedPath a
{
	color:#000;
	background:transparent;
	font-weight:bold;
}
#wrapper #footerWrapper div.alatunnisteet ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:651px;
}
#wrapper #footerWrapper div.alatunnisteet li 
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	font-size:85%;
}
#wrapper #footerWrapper div.alatunnisteet li strong
{
	font-weight:bold;
	font-size:120%;
}
#wrapper #footerWrapper .alatunnisteet li.itemIndex0 
{
	width:169px;
	margin:0 16px 0 0;
}
#wrapper #footerWrapper .alatunnisteet li.itemIndex1 
{
	width:121px;
	margin:0 16px 0 0;
}
#wrapper #footerWrapper .alatunnisteet li.itemIndex2 
{
	width:170px;
	margin:0 16px 0 0;
}
#wrapper #footerWrapper .alatunnisteet li.itemIndex3 
{
	width:141px;
	margin:0 0 0 0;
}
.columns1 table 
{
	width:538px;
	margin:45px auto 50px auto;
}
.announcementArchive .content table 
{
	margin: 0 0 1em 0;
	padding:0;
}
.announcementArchive .content table tr.Alternating 
{
	background:#e4ecd4;
}
.announcementArchive .content table td 
{
	padding:2px 5px 2px 2px;
	vertical-align:top;
	border-top:1px solid #e4ecd4;
    border-bottom:1px solid #e4ecd4;
}
a img 
{
	border:0 none;	
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}

.etusivu #wrapper .centered
{
	text-align: center;
}
.etusivu #wrapper .banner
{
	padding-bottom: 10px;	
}

.etusivu #wrapperExtra 
{	
	padding-top: 40px;
	width: 150px;	
	float: right;
}
.etusivu #wrapperExtra .bannerilla
{
	padding-top: 105px;
}

#wrapper .customForm
{
	float: left;	
}

.etusivu #contentExtended .flash
{
	margin-left: 30px;
}

/*	[discussionMessage]	*/
	.discussionMessage .content .repeaterPath
	{
		padding-bottom: 10px;
	}
	.discussionMessage .content .Header td
	{
		font-weight: bold;
		border-bottom: solid 1px #d1dcbb;
		padding: 0px !important;
	}	
	.discussionMessage .content td
	{
		padding: 2px 5px 2px 5px;
	}	
	.discussionMessage .content
	{
		padding-bottom: 10px;
	}
	
	.discussionMessage .content .labelTitle
	{
		font-weight: bold;
		padding-bottom: 2px;
	}
	.discussionMessage .labelCreatorName,
	.discussionMessage .labelCreationTime
	{
		color: #888;
		float: left;
	}
	.discussionMessage .labelCreatorName
	{
		padding-right: 5px;
	}
	.discussionMessage .labelCreationTime
	{
		padding-left: 5px;	
		border-left: solid 1px #888;
	}
	.discussionMessage .content .labelBody
	{
		clear: both;
		padding: 3px 0px 5px 10px;		
		border-bottom: solid 1px #d1dcbb;
		margin-bottom: 10px;		
	}
/*	[/discussionMessage]	*/

/*	[discussionMessageInsert]	*/	
	.discussionMessageInsert
	{
		padding: 10px;
		background-color: #d1dcbb;
		border: solid 1px #678b1f;
		border-right: none;
		border-bottom: none;
	}
	.discussionMessageInsert .labelCreatorName,
	.discussionMessageInsert .infoCreatorName,
	.discussionMessageInsert .labelDiscussionMessageTitle,
	.discussionMessageInsert .infoDiscussionMessageTitle,
	.discussionMessageInsert .labelDiscussionMessageTitle,
	.discussionMessageInsert .labelDiscussionMessageBody,
	.discussionMessageInsert .infoDiscussionMessageBody
	{
		float: left;
	}
	.discussionMessageInsert .fieldCreatorName,
	.discussionMessageInsert .fieldDiscussionMessageTitle,
	.discussionMessageInsert .fieldDiscussionMessageBody
	{
		clear: both;
	}
	
	.discussionMessageInsert .TextBox
	{
		margin-bottom: 10px;
		width: 340px;
	}
	
	.discussionMessageInsert .function .buttonInsert .Button
	{
		border: solid 1px #7f9db9;
		background: #eee;
	}
/*	[/discussionMessageInsert]	*/	

/*  [ff float fix]  */
    #contentCenter .document .content table
    {
        float: left;
    }
/*  [/ff float fix]  */