/* base styles */

body {
margin:0;
padding:0;
background:#fff url("/_LAYOUTS/Metry/esittely_en/images/bg_body.gif") repeat top;
font-family:Arial,Verdana,Helvetica,sans-serif;
color:#333;
text-align:center;
font-size:x-small; /* IE 5.x value */
voice-family:"\"}\"";
voice-family:inherit;
font-size:small; /* correct value */
}

html,
body {
height:100%;
}

.bodySpan {
margin:auto;
width:860px;
height:100%;
background:#fff url("/_LAYOUTS/Metry/esittely_en/images/bg_body_3.gif") repeat-y top;
}

.index .bodySpan {
background:#fff url("/_LAYOUTS/Metry/esittely_en/images/bg_body_2.gif") repeat-y top;
}

a {
color:#333;
text-decoration:none;
}

a:hover {
color:#ec9417;
text-decoration:none;
}

a img {
border:none;
}

p {
margin:0 0 1.4em 0;
padding:0;
}

h1 {
margin:0 0 5px 0;
padding:0;
font-size:160%;
color:#000;
font-weight:normal;
}

h2 {
margin:0 0 5px 0;
padding:0;
font-size:100%;
color:#333;
}

h3 {
margin:0 0 5px 0;
padding:0;
font-size:100%;
}

h4 {
margin:0 0 5px 0;
padding:0;
font-size:100%;
color:#808080;
}

form {
margin:0;
padding:0;
}


.separator,
.separator2 {
padding:11px 0 0 0;
margin:0 0 11px 0;
height:1px;
background:url("/_LAYOUTS/Metry/esittely_en/images/border_hor_2.gif") repeat-x bottom;
}

.separator2 {
background:none;
background:url("/_LAYOUTS/Metry/esittely_en/images/border_hor.gif") repeat-x bottom;
}

.separator hr,
.separator2 hr {
display:none;
}


.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* container */

#container {
background:#fff url("/_LAYOUTS/Metry/esittely_en/images/bg_body_3.gif") repeat-y top;
text-align:left;
line-height:1.2em;
font-size:90%;
}

.index #container {
background:#fff url("/_LAYOUTS/Metry/esittely_en/images/bg_body_2.gif") repeat-y top;
}


/* header */

#header {
position:relative;
height:118px;
margin:0 4px 3px 4px;
width:852px;
background:#fff url("/_LAYOUTS/Metry/esittely_en/images/bg_header.gif") repeat-x bottom;
overflow:hidden;
}


#globalNav {
position:relative;
left:35px;
padding:0 0 11px 0;
height:27px;
}


#globalNav img {
display:block;
}

#logo {
padding:26px 0 20px 40px;
}

.globalNavTab
{
float:left;
}

.globalNavSpacer 
{
float:left;
}

.bMetsateollisuusTp {
position:absolute;
right:4px;
top:11px;
}


/* content */

#content {
position:relative;
margin:0 4px 15px 4px;
padding:0;
width:852px;
}

.metsaRyIndex, div.Content3 {
background:url("/_LAYOUTS/Metry/esittely_en/images/bg2_index_content.gif") repeat-y top left !important;
}

table.productSearch 
{
	
}
table.productSearch tr td
{
	vertical-align: top;
	padding: 0px 20px 0px 10px;
}
td.verticalBorder 
{
	padding-left: 0px !important;
}

.verticalBorder 
{
	background:url('/_LAYOUTS/Metry/esittely_en/Images/border_ver.gif') repeat-y right;
}

td.verticalBorder2
{
	padding-left: 10px !important;
}

.verticalBorder2 
{
	background:url('/_LAYOUTS/Metry/esittely_en/Images/border_ver.gif') repeat-y right;
}

lnkToMetryJasenyritykset 
{
	target-new: tab;
}


div.Content3 ul li
{
	height: auto !important;
}
.col1 
{
float:left;
margin:12px -20px 0 0;
width:603px;
max-width: 1024px;
}

.col1 .heading {
position:relative;
margin:-20px -20px 10px -23px;
}

.col1 .illustration {
margin:0 -19px 4px -5px;
}

.col1 .newsTitle {
margin:0 -10px 4px -5px;
}

.col1 .separator {
position:relative;
margin-left:-5px;
margin-right:-5px;
width:601px;
}

.index .col2 h2,
.index .col2 h3 {
color:#098936;
}

.index .col1 h2,
.index .col1 h3 {
color:#333;
}

.col1body
{
padding: 0 0 0 20px;
width:603px;
}

.picture
{
float:left; 
margin: 0 17px 17px 0;
}

div.col2 
{
float:left;
margin:12px 0 0 0 !important;
padding: 0 !important;

}

.bYhteystietomme {
position:relative;
right:-4px;
z-index: 2;
}	
.bYhteystietomme img {
position:absolute;
left: 14px;
z-index: 2;
}	

.rightcolum
{

float: left;
width:186px;
position:relative;
right:-5px;
padding:20px;
margin-top:10px;


}

/* block styles */

.col1 .block {
padding:20px;
}

ul.style1,
ul.style2,
ul.style3,
ul.style4,
ul.style5 {
padding:0;
margin: 0;
}

ul.style1 ul,
ul.style2 ul,
ul.style3 ul,
ul.style4 ul,
ul.style5 ul {
margin:4px 0 5px -5px;
padding:0;
}

ul.style1 li,
ul.style2 li,
ul.style3 li,
ul.style4 li,
ul.style5 li {
margin:0 0 1px 0;
padding:0;
list-style:none;
}

ul.style1 li {
padding:0 0 0 20px;
background:url("/_LAYOUTS/Metry/esittely_en/images/bullet_paper.gif") no-repeat top left;
}

ul.style2 li {
padding:0 0 0 15px;
background:url("/_LAYOUTS/Metry/esittely_en/images/bullet_arrow.gif") no-repeat top left;
}

ul.style3 {
padding:0 0 0 5px;
}

ul.style3 li {
padding:0 0 0 15px;
background:url("/_LAYOUTS/Metry/esittely_en/Images/bullet_plus.gif") no-repeat top left;
}

ul.style3 li li a {
color:#098936;
}

ul.style3 li li a:hover {
color:#333;
}

ul.style4 li {
padding:0 0 0 15px;
background:url("/_LAYOUTS/Metry/esittely_en/images/bullet_arrow_2.gif") no-repeat top left;
}

ul.style5 li {
padding:0 0 0 15px;
background:url("/_LAYOUTS/Metry/esittely_en/Images/bullet_arrow_3.gif") no-repeat top left;
}

.block.tiedotteet .subheading {
margin:20px 0 10px 0;
}

.block.tiedotteet .lead .thumbnail {
float:left;
width:150px;
}

.block.tiedotteet .lead .body {
float:left;
width:215px;
}

.block.ajankohtaista .lead .thumbnail {
float:left;
width:90px;
}

.block.ajankohtaista .lead .body {
float:left;
width:275px;
}

.block.tapahtumat .separator {
padding:5px 0 0 0;
margin:0 0 5px 0;
}

.block.tapahtumat .lead {
margin-right:-15px;
width:380px;
}

.block.tapahtumat .lead a {
color:#ff931f;
}

.block.tapahtumat .lead p {
margin:0;
padding:0;
}

.block.tapahtumat .lead h3 {
margin:0;
}

.block.tapahtumat .lead .body {
float:left;
width:285px;
}

.block.tapahtumat .lead .extra {
float:left;
width:95px;
text-align:right;
}

.block.tapahtumat .lead .extra a {
color:#333;
}


/* main content */

.main {
position:relative;
float:left;
margin:2px 17px 0 -3px;
width:623px;
background:url("/_LAYOUTS/Metry/esittely_en/images/bg_main.gif") repeat-y left;
}

.mainSpan1 {
width:623px;
background:url("/_LAYOUTS/Metry/esittely_en/images/corners_main_top.gif") no-repeat top left;
}

.mainSpan2 {
padding:0 15px 15px 25px;
width:583px;
background:url("/_LAYOUTS/Metry/esittely_en/images/corners_main_bottom.gif") no-repeat bottom left;
}

.main .heading {
margin:0 0 10px 0;
}
.main2 {
position:relative;
margin:0 -5px 0 -6px;
width:863px;
background:url("/_LAYOUTS/Metry/esittely_en/images/bg_main2.gif") repeat-y left;
}

.main_puusepat {
position:relative;
margin:0 -5px 0 -6px;
width:863px;
background:url("/_LAYOUTS/Metry/esittely/images/bg_main_puusepat.gif") repeat-y left;
}

.main2Span1 {
width:863px;
}

.main2Span2 {
padding:0 15px 15px 25px;
width:823px;
}



.leadsList,
.bodyText {
background:none !important;
}

.leadsList .lead {
margin:0 0 10px 0;
}

.leadsList .lead p {
margin:0;
}



/* main content elements */

p.mainFooter {
margin:0;
padding:10px 0 0 0;
}

.juuriNyt.subpage li.on a {
font-weight:bold;
color:#ff931f;
}

.subpage .block.mitaEtsit ul {
padding-left:8px;
}

.pageActions {
float:right;
display:inline;
margin:2px -14px 0 0;
}

.pagePicture 
{
float:left;
position:relative;
left:-25px;
margin:2px 0px 0 0;
}

.extras {
position:relative;
margin:0 -50px 10px -27px;
}

.extras img {
position:relative;
}


/* subject list pages */

.tietopalvelu .subjectList p {
margin:0;
}

.tietopalvelu .subjectList h3 a {
color:#098936;
}

.tietopalvelu .subjectList td {
padding-top:15px;
}

.tietopalvelu .subjectList td.separator {
padding:0;
margin:0;
}

.contactform{
	width:470px;
}

div.separator,
div.separator2 {
padding:11px 0 0 0;
margin:0 0 11px 0;
height:1px;
border:none;
background:url("/_LAYOUTS/Metry/esittely_en/images/border_hor_2.gif") repeat-x bottom;
}

/* footer */

ul.MetryFooter li 
{
padding:0 5px 0px 8px;
display:inline;
background: url("/_LAYOUTS/Metry/esittely_en/images/spacer.gif" ) no-repeat top left;

}


#MetryFooter {
margin:0 20px 0 20px;
padding:15px 0 30px 0;
width:820px;
background:url("/_LAYOUTS/Metry/esittely_en/images/border_hor.gif") repeat-x top;
font-size:95%;
color:#808080;
}

#MetryFooter a {
color:#808080;
}

#MetryFooter a:hover {
color:#098936;
}

#MetryFooter img.separator {
margin-bottom:-3px;
padding:0 1px 0 1px;
}

#MetryFooter .rss {
float:left;
width:25%;
}

#MetryFooter .links {
float:left;
width:75%;
text-align:right;
}

.ms-profilelabel {
  text-align: left;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:90%;  
  padding-top: 0px;
  padding-right:3px;
  padding-left:3px;
  padding-bottom: 2px;
  color: #525252;
}
.ms-profiledescription {
  text-align: left;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size: 90%;  
  color: #666666;
}
.ms-profilebody {
  background-color: #FFFFFF;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:90%;  
}
.ms-profileheader {
  color: #666666;
}
.ms-profilesection {
  color: #083772;
}