/* 
    new pagestyle after bootstrap 27.2.2013
*/
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300,200);

body {
	font-family: "Source Sans Pro", "Arial";
	color: #313131;
	background-color:white;
 	font-weight:400; /* default font-weight */
  font-size:13px; /* default font size */
}

.container-fluid {
    max-width:1200px; /* change to default page max size */
    clear:both;
    margin:auto;
}

/* for ie8 and below - no reponsive design starts */
    .lt-ie9 .container-fluid, .lt-ie9 .footer_container .container-fluid {
        width:1200px; /* change to default page max size */
     
    }
   .lt-ie9 .footer_container .container-fluid {
        width:100%; /* change to default page max size */
      
    }
	.lt-ie8 .container-fluid table img{
			max-width:200px !important;
	}
/*  for ie8 and below - no reponsive design ends */

p#logo {
	float:left;
	margin: 28px 0 30px 60px;
  *padding-bottom:30px;
}
a {
  color: #81c426;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #597b0a;
  text-decoration: none;
}
    a {
      color: #81c426;
      text-decoration: none;
    }
    a:hover,
    a:focus {
      color: #597b0a;
      text-decoration: none;
    }
.row-fluid img {
    max-width:100%; /* adds max-width 100% to all image */
}
.content_container {
	border:0px solid red;  
 	float:left;
  margin-top:25px;
}
.navbar {
	z-index:211;
}
/* 1. NAVI STARTS - overwrite bootstrap classes*/
  
		nav .navi_leftcorner { 
  			  display:block;
					background:transparent url("/images/style/left_corner.png") no-repeat 0 0px; 
					width:30px;
  				height:60px;
					float:left;
    }
		nav .navi_rightcorner { 
  			  display:block;
					background:transparent url("/images/style/right_corner.png") no-repeat 0 0px; 
					width:30px;
  				height:60px;
					float:right;
    }
   .navbar-inverse .navbar-inner {
  		border:0;
  		background:transparent url("/images/style/topnavi_blue_bg.png") repeat-x center left;
      height:60px;
      /*background: #2c86d6; /* Old browsers */
     /* background: -moz-linear-gradient(top,  #2c86d6 0%, #2370c2 100%); /* FF3.6+ */
      /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c86d6), color-stop(100%,#2370c2)); /* Chrome,Safari4+ */
      /*background: -webkit-linear-gradient(top,  #2c86d6 0%,#2370c2 100%); /* Chrome10+,Safari5.1+ */
      /*background: -o-linear-gradient(top,  #2c86d6 0%,#2370c2 100%); /* Opera 11.10+ */
      /*background: -ms-linear-gradient(top,  #2c86d6 0%,#2370c2 100%); /* IE10+ */
     /* background: linear-gradient(to bottom,  #2c86d6 0%,#2370c2 100%); /* W3C */     
  		filter:none;
   		padding-left:0;
  		padding-right:0;
  		box-shadow:none;
  
	}
	/* apply to all levels starts */
    .nav .link_lvl_1, .nav .link_lvl_2, .nav .link_lvl_3 { 
        background:none;
        padding:0;
        font-weight:400;
  			
    }
	/* apply to all levels ends */

  /* mainlevel links starts*/
    .navbar-inverse .nav > li > a {
        color: white;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  			font-size:19px;	
  			line-height:36px;
  			padding:14px 25px 10px 25px;
  			font-weight:400;
  			letter-spacing:0.6px;		
  				border-left:1px solid #b3df4e;
  				border-right:1px solid #95cd0e;
  
        
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .navbar-inverse .nav > li > a {
    font-size:1.36em;
  	padding-left:24px !important;
  }
}
     .site_eng .navbar-inverse .nav > li > a { 
          padding:14px 32px 10px 32px; 
      }
    .navbar-inverse .nav > li.ti_blue > a {
  				border-left:1px solid #458acf;
  				border-right:1px solid #226bbb;
    }

    .navbar-inverse .nav > li > a.topnavi_s {
  				border-left:0px solid #458acf;
  				border-right:0px solid #226bbb;
    }


      .lt-ie9 .navbar-inverse .nav li a { font-size:15px;font-weight:bold;} /*ie8 below fix*/

    .module_esite_firstpage .navbar-inverse .nav > li > a.topnavi_s  {
        background:transparent;
  			color:white;
   			text-shadow: 0 0px 0 rgba(255, 255, 255, 0.5);
    }
    .navbar-inverse .nav > li > a:hover,
		.navbar-inverse .nav > li > a.topnavi_s,
		.module_esite_firstpage .navbar-inverse .nav > li > a.topnavi_s:hover
{
        background:#f1fadc;
  			color:#548e00;
   			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

			  .navbar-inverse .nav > li{
        
  			background:transparent url("/images/style/topnavi_green_bg.png") repeat-x center left;	
   
  			/*background: #a5e01a; /* Old browsers */
        /*  background: -moz-linear-gradient(top,  #a5e01a 0%, #95d007 100%); /* FF3.6+ */
        /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5e01a), color-stop(100%,#95d007)); /* Chrome,Safari4+ */
        /*  background: -webkit-linear-gradient(top,  #a5e01a 0%,#95d007 100%); /* Chrome10+,Safari5.1+ */
        /*  background: -o-linear-gradient(top,  #a5e01a 0%,#95d007 100%); /* Opera 11.10+ */
        /*  background: -ms-linear-gradient(top,  #a5e01a 0%,#95d007 100%); /* IE10+ */
        /*  background: linear-gradient(to bottom,  #a5e01a 0%,#95d007 100%); /* W3C */
				
       	}

			/* blue navi bg */

			   .navbar-inverse .nav > li.ti_blue {
           	
  					background:transparent url("/images/style/topnavi_blue_bg.png") repeat-x center left;
  
     				/*background: #2c86d6; /* Old browsers */
            /*background: -moz-linear-gradient(top,  #2c86d6 0%, #2370c2 100%); /* FF3.6+ */
            /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c86d6), color-stop(100%,#2370c2)); /* Chrome,Safari4+ */
            /*background: -webkit-linear-gradient(top,  #2c86d6 0%,#2370c2 100%); /* Chrome10+,Safari5.1+ */
            /*background: -o-linear-gradient(top,  #2c86d6 0%,#2370c2 100%); /* Opera 11.10+ */
            /*background: -ms-linear-gradient(top,  #2c86d6 0%,#2370c2 100%); /* IE10+ */
            /*background: linear-gradient(to bottom,  #2c86d6 0%,#2370c2 100%); /* W3C */
        	
  			
       	}
        .navbar-inverse .nav > li.ti_blue > a:hover, .navbar-inverse .nav > li.ti_blue > a.topnavi_s {
          	background:#ddedfb;
  					color:#386a99;
   					text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        }

			/* blue navi ends */

   
  /* mainlevel links ends*/

	/* second level starts */
    .dropdown-menu .link_lvl_2 > a { 
        font-weight: 500;
        padding:6px 10px 6px 15px;
  			color:#75bf00;
  			font-size:1.1em;
    }
    .dropdown-menu .link_lvl_2.parent > a {
  			padding-right:70px;
       	background:transparent url("/images/style/topnavi_dropdown_parent_green.png") no-repeat center right;	
    }
    .dropdown-menu .link_lvl_2.parent > a:hover,
		.dropdown-menu .link_lvl_2.parent > a.topnavi_s{
  			padding-right:70px;
  			filter:none;
       	background:white url("/images/style/topnavi_dropdown_parent_green_hover.png") no-repeat center right;	
    }

	/* blue second level starts */
    .dropdown-menu .link_lvl_2.ti_blue > a {    
  			color:#257ac6;	
    }
    .dropdown-menu .link_lvl_2.parent.ti_blue > a {			
       	background:transparent url("/images/style/topnavi_dropdown_parent_blue.png") no-repeat center right;	
    }
    .dropdown-menu .link_lvl_2.parent.ti_blue > a:hover,
 		.dropdown-menu .link_lvl_2.parent.ti_blue > a.topnavi_s{		
       	background:white url("/images/style/topnavi_dropdown_parent_blue_hover.png") no-repeat center right;	
    }
	/* blue second level ends */


	/* second level ends*/

	/* third level starts */
    .dropdown-menu .link_lvl_3 > a { 
        font-weight: 500;
        padding-left: 15px;
  			color:#75bf00;
    }
    .dropdown-menu .link_lvl_3 a.topnavi_s { 
  		background:white;	
    }
	/*blue third level link colors starts */
    .dropdown-menu .link_lvl_3.ti_blue > a { 
  			color:#257ac6;	
    }

	/*blue third level link colors ends */

	/*third level ends*/

/* Dropdown overwrite bootstrap styles STARTS */

  .navbar .nav > li > .dropdown-menu:before {
    display: none; /* display:inline-block to show arrows ;*/
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 9px;
  }
  
  .navbar .nav > li > .dropdown-menu:after {
    display: none; /* display:inline-block to show arrows ;*/
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    top: -6px;
    left: 10px;
  }
  .dropdown-menu {
   
    top: 100%;
    left: 0;
    z-index: 1000;
   
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
   
    background-color: #f7fceb;
    border: 0px solid #ccc;
    border: 0px solid rgba(0, 0, 0, 0.2);
  
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.8);
    box-shadow: 0 5px 10px rgba(255, 255, 255, 0.8);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }

	/* blue dropdown menu starts */
	  .ti_blue .dropdown-menu {
    background-color: #e9f3fc;
  }
	/* blue dropdown menu ends */

  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus,
  .dropdown-submenu:hover > a,
  .dropdown-submenu:focus > a {
    text-decoration: none;
    color: #75bf00;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }
	/* Dropdown overwrite bootstrap styles ENDS */

	/* remove margin-top from dropdown-menu ul to work with hover starts */
	.navbar .dropdown-menu {margin-top: 0px;}
	/* remove margin-top from dropdown-menu ul to work with hover ends */

	    /* navi to work at :hover state in IE8 and below STARTS*/
    .lt-ie9 .dropdown-menu .dropdown-submenu {
        left: 100%;
        position: absolute;
        top: 0;
       display:none;
    }
 
   .lt-ie9 .dropdown-menu li:hover .dropdown-submenu {display:block;}
   .lt-ie9 ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;}
   
    /* navi to work at :hover  state in IE8 and below ENDS */


	/* 1.1 SUBNAVI starts */
	ul#subnavi {
   	margin:5px 0 0 0px;
  	font-size:1.1em;	
  	background:#f8fcef;
  	padding:0 0 20px 0;
     -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
	}
      .th_blue ul#subnavi { 	
        background:#f0f7fd;
      }
  ul#subnavi li {
    padding:8px 0 8px 40px;	
  	background:transparent url("/images/style/subnavi_icon.png") no-repeat 24px 10px;    
  }
     .th_blue ul#subnavi li {
 
     	background:transparent url("/images/style/subnavi_icon_blue.png") no-repeat 24px 10px;    
  }
   
   
  ul#subnavi li a:link, ul#subnavi li a:visited {
   color:#689500;    
  }
      .th_blue ul#subnavi li a:link, .th_blue ul#subnavi li a:visited {
       color:#426f97;    
      }
  ul#subnavi li a:hover {
   color:#496800;    
  }
     .th_blue ul#subnavi li a:hover {
       color:#154876;    
      }
  ul#subnavi .level1 {
    background:none;
  	padding:11px 0 8px 25px;	
  	margin-bottom:15px;
  	font-size:1.6em;
  	background:#97d20a;
  	line-height:40px;
  	
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
  }
     .th_blue ul#subnavi .level1 {
      	
        background:#2678ca;
       
      }
  ul#subnavi .level1 a:link,  ul#subnavi .level1 a:visited{
  	color:white;
 		text-transform:uppercase;
  	font-weight:300;
  	letter-spacing:0.5px;
  }
     .th_blue ul#subnavi .level1 a:link, .th_blue ul#subnavi .level1 a:visited{
        color:white; 
      }
  ul#subnavi .level2 {  
 		font-size:1.2em;
  
  }

  ul#subnavi .level2.selected,  ul#subnavi .level3.selected {
		background-color:#fcfef7;
	}
    .th_blue ul#subnavi .level2.selected, .th_blue ul#subnavi .level3.selected {
        background-color:#f8fcff;
      }
  ul#subnavi .level3 {
   	padding-left:60px;
  	margin-left:0px;
    background:transparent url("/images/style/subnavi_icon.png") no-repeat 40px 10px;    
 		font-size:0.9em;
  }
    .th_blue  ul#subnavi .level3 {
        padding-left:60px;
      
        background:transparent url("/images/style/subnavi_icon_blue.png") no-repeat 40px 10px;    
       
      }
  ul#subnavi .level3 a:link, ul#subnavi .level3 a:visited {
   color:gray;
  }
  ul#subnavi .level3 a:hover {
   color:darkgray;
  }
	/* 1.1 SUBNAVI ends*/


/* 1. NAVI ENDS*/

/* 2. ACCESSIBILITY AREA STARTS */
/* 2.1 HELPERS */

.accessibility_div {
	
	float:right;
	margin:30px 95px 10px 0;
  padding:10px 0px 0 0;
  border:0px solid red;
  display:inline;
  background:transparent url("/images/style/accesibilty_top_bg.png") no-repeat top right;

}

ul.helpers {
	float:right;
	margin:12px 0px 0 10px;
	padding:0;
  border:0px solid yellow;
	*width:130px;
}

ul.helpers li, ul.helpers2 li  {
	float:right;
	background-color:transparent;
	background-image:none; 
  padding:0 0 0 10px;
  border:0px solid red;
}

ul.helpers li span {
	display:block;
	cursor:pointer;
  padding:0 0 0 0;
  text-transform:uppercase;

  font-weight:500;
  font-size:11px;
  letter-spacing:1px;
  color:#595959;
  line-height:16px;
	background:white;
  opacity: 0.8; /* standard: ff gt 1.5, opera, safari */
 	zoom: 1;  filter: alpha(opacity=80); /* IE7 & IE8 */
  -khtml-opacity: 0,80; /* safari 1.x */
	-moz-opacity: 0,80; /* ff lt 1.5, netscape */
	-webkit-font-smoothing: antialiased;

}
    ul.helpers li span:hover {
			opacity: 1; /* standard: ff gt 1.5, opera, safari */
			filter: alpha(opacity=100); /* IE7 & IE8 */
			-khtml-opacity: 1; /* safari 1.x */
			-moz-opacity: 1; /* ff lt 1.5, netscape */
  		-webkit-font-smoothing: antialiased;
    }
ul.helpers .helper_font_minus span {
	text-indent:-3000px;
  width:30px;
  height:22px;
  
	background:transparent url("/images/style/fontminus.png") no-repeat 0 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/style/fontminus.png',sizingMethod='scale');
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

ul.helpers .helper_font_plus span {	
  text-indent:-3000px;
  width:30px;
  height:22px;
	background:transparent url("/images/style/fontplus.png") no-repeat 0 0px; 
}

ul.helpers li.helper_print span{
	text-indent:-3000px;
  width:20px;
  
  height:22px;
	background:transparent url("/images/style/printer.png") no-repeat top right;  
  border-left:1px solid #e5e5e5;
  padding-left:12px;
}

ul.helpers li.helper_sitemap span{
	text-indent:-3000px;
  width:16px;
  height:16px;
	background:transparent url("/images/style/sitemap.png") no-repeat 0 0px;
}
ul.helpers2 {
	float:right;
	margin:0;
	padding:0 0 0 0;
  margin-top:0px;
  border:0px solid red;
 letter-spacing:0.5px;
  font-size:13px;
}
ul.helpers2 a:link, ul.helpers2 a:visited {
	color:#686868; 
}
ul.helpers2 a:hover {
	color:#467605; 
}
ul.helpers2 .helper_contact {
	background:transparent url("/images/style/contact_icon.png") no-repeat 0 1px;
	padding-left:23px;
  margin-right:15px;
  padding-right:12px;
  border-right:1px solid #d8e3eb;
  text-transform:uppercase;
}
.site_eng ul.helpers2 .helper_contact.fin {
	display:none;
}
.site_fin ul.helpers2 .helper_contact.eng {
	display:none;
}
ul.helpers2 .helper_extranet {
 	background:transparent url("/images/style/extranet_icon.png") no-repeat 0 1px;
	padding-left:20px;
  text-transform:uppercase;
}

/* 2.1 HELPERS ENDS*/

/* 2.2 SOCIAL MEDIA FOLLOW LNKS STARTS*/

ul.helper_socialmedia {
  border:0px solid red;
}

ul.helper_socialmedia li {
	float:right;
	background-color:transparent;
	background-image:none; 
  padding:0;
  margin-left:2px;
}

ul.helper_socialmedia li span {
	display:block;
	text-indent:-2000px;
	cursor:pointer;
  opacity: 0.9;
}
ul.helper_socialmedia li span:hover {
	opacity: 1; 
}

    ul.helper_socialmedia.icons16 li span {width:16px;height:16px;}
    ul.helper_socialmedia.icons22 li span {width:22px;height:22px;}
    ul.helper_socialmedia.icons32 li span {width:32px;height:32px;}

    /* icons16 STARTS*/
    ul.helper_socialmedia.icons16 li.facebook span {
      background:transparent url("/images/social/16/facebook.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons16 li.twitter span {
      background:transparent url("/images/social/16/twitter.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons16 li.skype span {
      background:transparent url("/images/social/16/skype.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons16 li.linkedin span {
      background:transparent url("/images/social/16/linkedin.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons16 li.youtube span {
      background:transparent url("/images/social/16/youtube.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons16 li.rss span {
      background:transparent url("/images/social/16/rss.png") no-repeat 0 0px;
    }
    /* icons16 ENDS*/

    /* icons22 STARTS*/
    ul.helper_socialmedia.icons22 li.facebook span {
      background:transparent url("/images/social/22/facebook.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons22 li.twitter span {
      background:transparent url("/images/social/22/twitter.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons22 li.skype span {
      background:transparent url("/images/social/22/skype.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons22 li.linkedin span {
      background:transparent url("/images/social/22/linkedin.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons22 li.youtube span {
      background:transparent url("/images/social/22/youtube.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons22 li.rss span {
      background:transparent url("/images/social/22/rss.png") no-repeat 0 0px;
    }
    /* icons22 ENDS*/

    /* icons32 STARTS*/
    ul.helper_socialmedia.icons32 li.facebook span {
      background:transparent url("/images/social/32/facebook.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons32 li.twitter span {
      background:transparent url("/images/social/32/twitter.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons32 li.skype span {
      background:transparent url("/images/social/32/skype.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons32 li.linkedin span {
      background:transparent url("/images/social/32/linkedin.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons32 li.youtube span {
      background:transparent url("/images/social/32/youtube.png") no-repeat 0 0px;
    }
    ul.helper_socialmedia.icons32 li.rss span {
      background:transparent url("/images/social/32/rss.png") no-repeat 0 0px;
    }
    /* icons32 ENDS*/

/* 2.2 SOCIAL MEDIA FOLLOW LINKS ENDS*/

/* 2.3 FLAG / LANGUAGE area starts */

.accessibility_div .lang_pages {	
  height:14px;
  margin:2px 20px 0 11px;
 	overflow:hidden;
  float:right;
 	border-left:1px solid #d8e3eb;
	padding-left:8px;
  *width:70px;
}

.accessibility_div .lang_pages li {
	float:right;
  padding:0;
  margin-left:5px;
  border:0px solid red; 
}
.accessibility_div .lang_pages li a {
  display:block;
	width:20px;
  height:14px;
	text-indent:-2024px;
	border:0px solid gray; 
}
.accessibility_div .lang_pages li.lang_eng {
  background:transparent url("/images/flags/eng.png") no-repeat top left;	
}
.site_eng li.lang_eng {	
}
.accessibility_div .lang_pages li.lang_fin {	
  background:transparent url("/images/flags/fin.png") no-repeat top left;	
}
.site_fin li.lang_fin {
	
}
.accessibility_div .lang_pages li.lang_swe {	
  background:transparent url("/images/flags/swe.png") no-repeat top left;	
}
.site_swe li.lang_swe {
	
}

/* 2.3 FLAG / LANGUAGE AREA ENDS */

/* SEARCH area starts */

.search_site {	
	float:right;
  margin:5px 0 0 0;
	border:1px solid #d8dce1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  *width:250px;
}
.search_site .submitlike, .search_site .submit {
	text-align:center;
	background:white;
	color:#5f5f5f;
	cursor:pointer;
	width:36px;
  line-height:30px;
  height:30px;
	float:right;
  font-size:11px;
  text-transform:uppercase;
  border:0px solid red;
  border-left:1px solid #eeeeee;
  margin:0;
  padding:0;
  border-radius:0;
  -moz-border-radius:0px;
	-webkit-border-radius:0px;
  opacity: 0.7;
  filter: alpha(opacity = 70);
  -moz-opacity:0.7;
	-khtml-opacity: 0.7;
  -webkit-font-smoothing: antialiased;
  text-indent:-3000px;
  background:transparent url("/images/style/search_icon.png") no-repeat center center;
}
.site_eng .search_site .submitlike, .site_eng .search_site .submit {
      
}
.search_site .submitlike:hover, .search_site .submit:hover {
	color:#000;
 
	opacity: 1;
  filter: alpha(opacity = 100);
  -moz-opacity:1;
	-khtml-opacity: 1;
  -webkit-font-smoothing: antialiased;
}

.search_site .searchterm {
	background:white;
	height:26px;
	float:right;
	color:#a6a6a6;
	font-size:1.1em;

	padding:3px 0 0 6px;
	margin:0;
  width:180px;
  border-radius:0;
  line-height:26px;
  border:0px solid blue;
  box-shadow:none;
  font-family:'Source Sans Pro';
}
.search_site .searchterm:focus {	
	color:#313131; 
}

/* SEARCH area starts */

/* 2. ACCESSIBILITY AREA ENDS */

/* 3. PICUTRE STYLES STARTS */

  .cimg_rounded {
    border:1px solid #ecf3f7;
  	padding:2px;	
    margin:10px 0 0 0;		
  }

/* 3. PICTURE STYLES ENDS*/

/* 4. HEADERS AND OTHER TEXT STYLES STARTS */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-weight: normal;
  text-transform:none;
  color:#78b11e;
}
.th_blue h1,
.th_blue h2,
.th_blue h3,
.th_blue h4,
.th_blue h5,
.th_blue h6 {
  
  color:#257bc6;
}
h1,
h2,
h3 {
  line-height: 30px;
}

h1 {
  font-size: 27px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 17px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}
/* 4. HEADERS AND OTHER TEXT STYLES ENDS */

/* 5. KUVAKARUSELLI JA PIKALINKIT STARTS*/

div.slider_area {
	float:left;
	margin: 0 0 0 0;
	width:100%;
	
}
div.flexslider {
	border:0;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0 0px 0px rgba(25, 255, 255, 0.1);
  z-index:0;
}
div.flexslider li{
	background:none;
  padding:0;

}
div.flexslider .slides img{
	width:59.8%;
}
  .site_eng div.flexslider .slides img{
    width:54.5%;
  }
div.flexslider .mainosbox_header_bg {
  position: absolute;
	margin:0 0 0 60.2%;
  width:39%;
  display:block;
  padding:0 0 0 0;
  height:100%;
}
  .site_eng div.flexslider .mainosbox_header_bg {
    margin:0 0 0 55%;
    width:40%;
  
  }
div.flexslider .overlayimage {
	background:transparent url("/images/style/slider_overlay_corner.png") no-repeat left bottom;
	height:100%;
  width:70px;
  position: absolute;
	margin:0 0 0 54.8%;
  z-index:1;
}
  .site_eng div.flexslider .overlayimage {
    margin:0 0 0 49.7%;
   
  }
p.desced_image {
  position: relative;
  margin:5px 0; padding: 0;
}
p.desced_image img {
	margin: 0;
}
p.desced_image .copyright_text {
	height:25px;
 	color:#d2d2d2;
  position: absolute;
	bottom:4px;
  z-index:1;
  left:4px;
  font-weight:300;
  font-size:11px;
  background: rgba(0, 0, 0, 0.2);
  padding: 5px 10px 0 8px ;
 	letter-spacing:0.5px;
}

div.flexslider .copyright_text {
	height:25px;
 	color:#d2d2d2;
  position: absolute;
	bottom:0;
  z-index:1;
  left:0;
  font-weight:300;
  font-size:11px;
  background: rgba(0, 0, 0, 0.2);
  padding: 5px 10px 0 8px ;
 	letter-spacing:0.5px;
}
div.flexslider .mainosbox_header_bg h3{
	color:#2677c9;
  font-size:35px;
  font-weight:300;
  line-height:35px;
	margin:75px 0 15px 25px;
  text-transform:none;
}
div.flexslider .mainosbox_header_bg p{
	color:#5a5655e;
  font-size:1.3em;
  font-weight:300;
  margin:10px 0 15px 25px;
  
}
div.flexslider .mainosbox_header_bg span{
 float:left;
 margin:10px 0 15px 25px;
}
div.flexslider .mainosbox_header_bg span a{
 	font-size:1.2em;
  font-weight:400;
  padding:8px 15px 8px 15px;
  color:white;
  background: #a5df19; /* Old browsers */
  background: -moz-linear-gradient(top,  #a5df19 0%, #95d007 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5df19), color-stop(100%,#95d007)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #a5df19 0%,#95d007 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #a5df19 0%,#95d007 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #a5df19 0%,#95d007 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #a5df19 0%,#95d007 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5df19', endColorstr='#95d007',GradientType=0 ); /* IE6-9 */

   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
  
}
    /* flexslider controls to number and bottom left STARTS */

    div.flexslider  {
       margin:0 0 1px 0;
    }
    div.flexslider .flex-control-nav {
       top: 25px;
        left:61.9%;
        text-align: left;
  			width:30%;
  		height:30px;
 
    }
     .site_eng div.flexslider .flex-control-nav {  
            left:56.9%;
           
        }
    div.flexslider .flex-control-nav li a {
        text-indent:0;
        background: #ecf4fa;
  			padding:5px;
  			line-height:11px;
  			text-align:center;
        border-radius: 20px 20px 20px 20px;
        box-shadow: 0 0 0px rgba(0, 0, 0, 0.3) inset;
      	color:#6c95b5;
    }
    div.flexslider .flex-control-nav li a.flex-active {      
     		background:#caddef;
    }
  .flex-direction-nav .flex-next {background-position: 100% 0; right: 10px; }
  .flex-direction-nav .flex-prev {left: 10px;}
  .flexslider:hover .flex-next {opacity: 0.8; right: 10px;}
  .flexslider:hover .flex-prev {opacity: 0.8; left: 10px;}

    /* flexslider controls to number and bottom left ENDS */

    /* flexslider overwrite li position to make captions work right on slide effect STARTS */
        .flexslider .slides > li {position: relative;}
    /* flexslider overwrite li position to make captions work right on slide effect ENDS */ 

/* 5.1.2 DOCUMENT KARUSELLI SPECIFIC starts*/
.flex-viewport ul{
	margin:0;
}
.flex-viewport li{
	background:none !important;
  padding:0;
}
.documentSlider {
	padding:40px 0 0 0;
  position:relative;
	margin:15px 0 15px 0;
   
}
.documentSlider .flex-viewport li{
	background:none;
  padding:15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin:0 3px 0 0;
  -moz-box-shadow: inset 0px 0px 30px 20px rgba(151, 210, 10, 0.1); 
  -webkit-box-shadow:  inset 0px 0px 30px 20px rgba(151, 210, 10, 0.1);  
	box-shadow: inset 0px 0px 30px 20px rgba(151, 210, 10, 0.1); 
}
.documentSlider .flex-viewport li:hover{

  -moz-box-shadow: inset 0px 0px 30px 20px rgba(151, 210, 10, 0.3); 
  -webkit-box-shadow:  inset 0px 0px 30px 20px rgba(151, 210, 10, 0.3); 
	box-shadow: inset 0px 0px 30px 20px rgba(151, 210, 10, 0.3); 
}
 .documentSlider .flex-direction-nav {
  position:absolute;
  top:0;
  right:5px; 
 
}
.documentSlider .flex-direction-nav li {
	float:left;
  background:none !important;
  opacity:0.5;
  
}
.documentSlider .flex-direction-nav li:hover {
  opacity:1;
}
 .documentSlider .flex-direction-nav .flex-next {
		background:transparent url("/images/style/flex_next_icon.png") no-repeat left top ;
    display:block;
  	width:27px;
  	height:27px;
}
 .documentSlider .flex-direction-nav .flex-prev {
		background:transparent url("/images/style/flex_prev_icon.png") no-repeat left top ;
    display:block;
  	width:27px;
  	height:27px;
}

.documentSlide {
	margin:0 5px 0 5px;
	border:1px solid white;
  padding:15px;
  min-height:310px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.documentSlide h2 {
	font-size:1em;
  font-weight:600;
  line-height:15px;
}


/* 5.1.2 DOCUMENT KARUSELLI SEPCIFIC ends */

div.slider_area .toppicture .toppic_container {
	float:left;
  position:relative;
  width:58.2%;
}
  .site_eng div.slider_area .toppicture .toppic_container {
    width:52.8%;
  }
div.slider_area .toppicture .toppic_container img{
width:100%;
  
}
div.slider_area .toppicture .padded-xl {
	float:left;
 	clear:none;
  width:35.2%;
  overflow:hidden;
}
div.slider_area .toppicture h2 {
	font-size:2.5em;
  font-weight:300;
  margin-top:25px;
}
div.slider_area .toppicture p {
	font-size:1.4em;
  line-height:25px;
  color:#5a5655;
  font-weight:300;
}
div.slider_area .toppicture .toppic_container span.copyright{
		height:25px;
    color:#d2d2d2;
    position: absolute;
    bottom:0;
    z-index:1;
    left:0;
    font-weight:300;
    font-size:11px;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px 10px 0 8px ;
    letter-spacing:0.5px;
}
div.slider_area .toppicture .overlayimage {
	background:transparent url("/images/style/slider_overlay_corner_sisasivut.png") no-repeat left bottom;
	height:100%;
  width:30px;
  position: absolute;
  top:0;
  right:0;

 

}


/* 5.3 FIRSTPAGE PIKALINKIT SIMPLE VERSION STARTS */

.module_esite_firstpage div.content_container .column-1 {
  
  padding-left:1px;
  background:#f5f9fc url("/images/style/firstpage_header_leftcorner.png") no-repeat top left;
   
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  border-bottom:1px dashed #dae9f5;
}
div.firstpage_headers.items3{
  
   background:transparent url("/images/style/firstpageheader_right_corner.png") no-repeat top right;
    
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
}
div.firstpage_headers span{
	
	position:relative;
  display:block;
	width:31.2% !important;
  *width:29.5% !important;
 	background:#2d87d7 url("/images/style/firstpage_header_span_circle.png") no-repeat top center;
	padding-top:56px;
  padding-left:6px;
  padding-right:6px;
  padding-bottom:10px;
  margin-right:20px;
  color:white;
  line-height:23px;
  font-size:1.1em;
  margin-bottom:15px;
  
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  
  min-height:350px !important;
  height:auto !important;
  height:350px;
}
div.firstpage_headers span.third{
	margin-right:0;
}
div.firstpage_headers span img{
	
}

div.firstpage_headers h4 {
	
 	margin:15px 0 10px 0;
  width:100%;
 	line-height:25px;
 	padding: 0 0 0 15px;
  cursor:pointer;
  color:white;
  z-index:1;
  opacity:1;
  
}
div.firstpage_headers p {
 	padding: 0 0 0 15px; 
}
div.firstpage_headers h4 a {

  font-size:25px;
  font-weight:300;
  color:white;
  
}
  div.firstpage_headers .first h4 {  }
  div.firstpage_headers .second h4 { }
  div.firstpage_headers .third h4 { }
  div.firstpage_headers .fourth h4 { }

/* 5.3 FIRSTPAGE PIKALINKIT SIMPLE VERSION STARTS */
/* 5.2 FIRSTPAGE PIKALINKIT CONTENT VERSION STARTS */

div.firstpage_headers_content {
	
}
div.firstpage_headers_content span{
	width:300px !important;
	position:relative;
  display:block;

}
div.firstpage_headers_content span img{
	min-height:200px;
}
div.firstpage_headers_content .firstpage_wrapper{
 float:left;
}

div.firstpage_headers_content h4 {
	text-transform:uppercase;
	position:absolute;
  text-align:center;
 	margin:0;
  width:100%;
 	line-height:20px;
  padding:8px 0 10px 0;
  cursor:pointer;
  color:white;
  z-index:1;
  opacity:0.95;
}
  div.firstpage_headers_content .first h4 {
  background:#aed14f;
 
  }
  div.firstpage_headers_content .second h4 {
  	background: #2e95c0;
  
  }
  div.firstpage_headers_content .third h4 {
   	background: #c13636;
  }
  div.firstpage_headers_content .fourth h4 {
  	background: #7c7676;
  }

    /* 5.2.1 FIRSTPAGE CONTENT HOVER STYLES starts */
      div.firstpage_headers_content .contenthover { padding:20px 20px 10px 20px; }
      div.firstpage_headers_content .contenthover, 
      .contenthover h3, 
      contenthover a { color:#fff; }
    
      div.firstpage_headers_content .contenthover h3, 
      .contenthover p { 
        margin:0 0 10px 0; 
        line-height:1.4em; 
        padding:0; 
      }
    
      div.firstpage_headers_content .contenthover a.mybutton { 
        display:block; 
        float:left; padding:5px 10px; 
        background:#3c9632; 
        color:#fff; 
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border-radius: 4px; 
      }
      div.firstpage_headers_content .contenthover a.mybutton:hover { 
       background:#34742d 
      }
    /* 5.2.1 FIRSTPAGE CONTENT HOVER STYLES starts */

/* 5.2 FIRSTPAGE PIKALINKIT CONTENT VERSION ENDS */

/* 5. KUVAKARUSELLI JA PIKALINKIT ENDS */

/* 6. FOOTER STARTS */

.footer_container {
	background:#257bc6; 
  margin:30px 0 0 0;
}
div#footer {
  padding:40px 0 0 0;
}

div#footer p strong {
	
  color:white;
  font-size:1.3em;
}
div#footer p {
  background:transparent url("/images/style/muoviteollisuus_logo_footer.png") no-repeat top left;
	padding-left:120px;
  color:#c7e2fa;
}
.footer_sites ul{
}

.footer_sitemap .footer_sites .mainlevel {
	text-transform:uppercase;
	padding-bottom:10px;
  font-size:1.3em;
 
}
.footer_sitemap .footer_sites .mainlevel a {
	color:#d5ebff;
}

.footer_sitemap .footer_sites .secondlevel {

	padding-bottom:10px;
}

.footer_sitemap li {
	background:transparent;
	margin:0;
	padding:0;
}
.footer_sitemap li a:link, .footer_sitemap li a:visited {
		color:#a0cdf4;
}
.footer_sitemap li a:hover {
		color:white;
}
.footer_sitemap .link_lvl_3 {
	display:none;
}
.footer_verkkovaraani {font-size:0.9em;color:#a0cdf4 !important;}
.footer_verkkovaraani:hover {letter-spacing:5px;}
/* 6. FOOTER ENDS */

/* 7. PADDING and MARGIN SPECIFIC STARTS */

.padded-s { 
  padding:0 5px 0 5px;
}
.padded-m { 
  padding:0 10px 0 10px;
}
.padded-l { 
  padding:0 15px 0 15px;
}
.padded-xl { 
  padding:0 20px 0 20px;
}
.padded-xxl { 
  padding:0 25px 0 25px;
}
.padded-xxxl { 
  padding:0 30px 0 30px;
}
.padded-xxxxl { 
  padding:0 50px 0 50px;
}
    .padded-left { 
      padding-right:0;
    }
    .padded-right { 
      padding-left:0;
    }

.marged-s { 
  padding:0 5px 0 5px;
}
.marged-m { 
  padding:0 10px 0 10px;
}
.marged-l { 
  padding:0 15px 0 15px;
}
.marged-xl { 
  padding:0 20px 0 20px;
}
.marged-xxl { 
  padding:0 25px 0 25px;
}
.marged-xxxl { 
  padding:0 30px 0 30px;
}
.marged-xxxxl { 
  padding:0 50px 0 50px;
}
    .marged-left { 
      margin-right:0;
    }
    .marged-right { 
      margin-left:0;
    }

/* 7. PADDING and MARGIN SPECIFIC ENDS*/

/* 8. LIST AND STYLED LINKS STARTS */

span.linkrow {
	font-size:1.1em;
  font-weight:400;
	display:inline-block;
	background:transparent url("/images/style/linkrow_icon_green.png") no-repeat 0 4px;
	padding:2px 0 5px 18px;
	width:100%;
}
.th_blue span.linkrow {

	background:transparent url("/images/style/linkrow_icon_blue.png") no-repeat 0 4px;


}
span.linkrow a {
	
}
ul li {
	padding-left:20px;
	background:transparent url("/images/style/li.png") no-repeat 0 3px;	
}
   .th_blue .content_container ul li {
      background:transparent url("/images/style/li_blue.png") no-repeat 0 3px;	
    }
/* 8. LIST AND STYLED LINKS ENDS */

/* 9. TEMPLATES SPECIFIC STARTS */

	/*9.1 infobox styles strarts */

div.infobox_top_bg {

  background: #f8fcef url("/images/style/infobox_top_bg.png") no-repeat scroll top left; 
  width:266px;
	height:75px;
	float:left;
}
    .th_blue div.infobox_top_bg {
      background: #f2f9ff url("/images/style/infobox_top_bg_blue.png") no-repeat scroll top left;   
    }
div.infobox_bottom_bg {

  background: #f8fcef url("/images/style/infobox_bottom_bg.png") no-repeat scroll top left; 
  width:266px;
	height:32px;
	float:left;
  margin-bottom:25px;
}
   .th_blue div.infobox_bottom_bg {   
      background: #f2f9ff url("/images/style/infobox_bottom_bg_blue.png") no-repeat scroll top left;   
    }
div.infobox {
	
  min-height:250px;
	margin:0px 0 0 0;
	padding:00px 25px 30px 25px;
	background: #f8fcef ;
  width:214px;
  border-left:1px dashed #b3de6f;
  border-right:1px dashed #b3de6f;
}
   .th_blue div.infobox {
      background: #f2f9ff ;   
      border-left:1px dashed #8dc7fe;
      border-right:1px dashed #8dc7fe;
    }
div.infobox span.linkrow {
	background-image:url("/images/style/linkrow_icon.png");
}
   .th_blue div.infobox span.linkrow {
      background-image:url("/images/style/linkrow_icon_blue.png");
    }
div.infobox ul li {
	background-image: url("/images/style/li.png");
}
  .th_blue  div.infobox ul li {
      background-image: url("/images/style/li_blue.png");
    }
div.infobox ul {
  margin:0;
}
div.infobox h1 {
  
}
div.infobox h2 {
	
}

	/*9.1 infoboxs styles ends*/
.gallery .boxitem { 
  width:25%;
  min-width:150px;
  float:left;
  position:relative;
}
  .gallery .boxitem .overlay { 
   	background: rgba(255, 255, 255, 0.9) url("/images/style/icon_zoom.png") no-repeat scroll right bottom;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;	
  }
  .gallery .boxitem a .overlay {  	
  opacity:0;
  }
  .gallery .boxitem a:hover .overlay { 
  	opacity:1;
      -webkit-transition: all 600ms;
      -moz-transition: all 600ms;
      -o-transition: all 600ms;
      -ms-transition: all 600ms;
      transition: all 600ms;
  }
    .gallery.white .boxitem .overlay { 
      background: rgba(0, 0, 0, 0.5) url("/images/style/icon_zoom_white.png") no-repeat scroll right bottom; 
    }
    .gallery .boxitem .overlay .header { 
      padding:8px 8px 0 10px;
    	text-align:center;
    }

  /* 9.1 COLUMN-1 STYLES STARTS */
  .column-1 ul {margin:0;}
	.column-1 ul li {
    background-image:none;
  	padding:0;
	}

  /* 9.1 COLUMN-1 STYLES ENDS */

	/* 9.2 newslift boxed template styles STARTS */

  .newslift {
  	margin: 0 0 10px 0;
  }
  .newslift .datebox {
    line-height: 20px; 
    background-color: #2a81d2; 
    border-radius: 15px 0px 15px 0px; 
    -webkit-border-radius:  15px 0px 15px 0px;
  
  	margin:0 0px 10px 0;
  
  }
  .module_esite_firstpage .newslift span.linkrow {
    background:none ;
  }
  .newslift .datebox p {
    text-align:center;
  	margin:0 0 0 0;
    padding:8px 10px 8px 10px;
    color: white; 
  	font-size:1.2em;
  	font-weight:300;
  	letter-spacing:0.5px;
  }
  .newslift .datebox p strong {
    font-size: 22px;
  }
  .newslift .news_pic {
  	margin: 0 0 0 0;
  }
  .newslift .date_header p {
  
    font-size: 0.9em; 
  
    color: gray; 
  }
  .newslift .date_header h2 {
   
    font-weight: 500; 
    font-size: 1.2em; 
    margin: 0px; 
    text-transform: none; 
    line-height: 18px; 
    
  }
  .newslift .ingress {
  	margin:5px 0 0 0;
    line-height: 17px; 
    padding-top: 0px;
  	float:right;
  }

/* 9.2 newslift boxed template styles ENDS */

	/* 9.3 social share starts*/
  
  .social_share { 
   	float:right;
  	margin:25px 0 0 0;
  	width:200px;
  
 		text-align:right;
  }
      .module_esite_firstpage .social_share { 
          float:left;
          margin:5px 0 0 0;
          width:200px;
          text-align:left;
        }
  .social_share .fb-like{ 
     width:100%;
  }
  .social_share div{ 
     float:right !important;  
  margin:6px 0 0 0;
  }
     .module_esite_firstpage .social_share div{ 
       float:left !important;  	 
    }
	/*9.3 social share ends*/

	/* 9.4 firstpage only styles starts */
	.module_esite_firstpage .column-2 > h2 { 
		font-size:2.2em;
  	margin-bottom:25px;
 		font-weight:300;
  	color:gray;
	}
	.module_esite_firstpage .column-2.fullwidth.offset1 { 
		margin-left:5.9%;
	}
 	/*9.4 firstpage only styles ends*/
/* 9.7 sanasto starts */
		.letter-tabs ul {
      padding:0; 
      margin:10px 0 0 0;
  		padding:8px 10px 8px 10px;
  		border-top:1px dotted #d5d5d5;
  		border-bottom:1px dotted #d5d5d5;
  		float:left;
  
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
      filter: none;

		}
		.letter-tabs li {
  		float:left;
			background-image:none;
  		padding:0 8px 0 5px;
		}
		.letter-tabs li.selected {
  		font-size:1.3em;
  		font-weight:600;
		}
		.tag-list {
  		float:left;
 			width:100%;
			background-image:none;
  		padding:0 10px 0 0;
		}
		.tag-list ul {
  		margin:15px 0 0 12px;
		}
		.tag-list ul dl{
  	 	margin:10px 0 0 0;
		}
		.tag-list ul dt{
  		font-size:1.3em;
      margin:0 0 0 0;
		}
		.tag-list ul dd{
  		margin:0 0 0 1px;
		}
	/* 9.7 sanasto ends */
	/* 9.8 tagipilvi starts */
		#clown {float:left; margin:0 0 20px 0;}
		#clown a {float:left; margin:4px 6px 0 0;}
	.desced {
	      background:transparent url("/images/style/question_icon.png") no-repeat top right;	
  		
				padding-right:0px;
  			padding-top:3px;
	}
	.pageTags {
		margin:20px 0 0 0;
	}
	.pageTags a{
		white-space: nowrap;
	}
	.pageTags a.desced {
		padding:0 8px 0 0;
	}


	/* 9.8 tagipilvio ends */

	/* 9.9 extra styles starts */
	#resultbox p a {font-size:1.4em;}
	.to-right {float:right;}
	.to-left {float:left;}
	.lightgray {color:#cacaca;}	
	
	/* 9.9extra ends */

	/* 9.10 rss starts */
	div.rss {
		 background:transparent url("/images/social/22/rss.png") no-repeat top right;	
	}
	div.rss dt {
		 background:transparent url("/images/social/16/rss.png") no-repeat top left;	
  		padding-left:22px;
  		font-size:1.2em;
  		margin-bottom:5px;
	}
	div.rss dd {
  		margin-left:0px;	
	}
	/* 9.10 rss ends */

	/* 9.11 vv tooltips starts*/
	.vv_tooltip {
    display: inline-block;
    padding: 15px;
    color: #333;
     background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
}
.vv_tooltip p.keywordteaser {
	margin: 0;
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vv_tooltip .bottomlink {
	display: inline-block;
	margin: 5px 0 0 0;
}
	/*9.11 ends*/
    
    /* 9.12 Table img */
    table img {
        width: 100%;
    }

    
    /* iframe-popupin taustavýri musta -> valkoinen */
    .mfp-iframe-scaler iframe {
        background: #fff;
    }

/* 9. TEMPLATES SPECIFIC ENDS */

/* HIDDE TEMPORALY CRAP*/


/* CRAP HIDDING ENDS*/




/* TOOLTIP  */
.analyticsTooltip{

}
.analyticsTooltip:after{
	background:#111;
	background:rgba(0,0,0,.8);
	border-radius:5px;
	bottom:px;
	color:#fff;
	content:attr(title2);
	font-size: 14px;
	text-decoration:none;
	font-weight: normal;
	line-height: 20px;
	display:block;
	overflow:visible;
	padding:5px 15px;
	text-decoration:none;
	position:absolute;
	text-indent:0;
  text-transform:capitalize;
	white-space:nowrap;
	z-index:98;
  line-height:20px;
}
.analyticsTooltip:hover:after{
	content:attr(title2) ", " attr(title3);
}
.analyticsTooltip:before{
	
	border-color:#111 transparent;
	border-width:6px 6px 0 6px;
	text-indent:0;
  text-transform:capitalize;
	content:"";
	display:block;
	position:absolute;
	z-index:99;
}


/* overwrite bootstrap styles starts */
label {
	cursor:default;
}