* {margin:0;padding:0;outline:0}
html {height:100%;overflow-y:scroll;}
body {text-align:center;font:normal 75% Arial, Helvetica, sans-serif;line-height:1.3em;background: url(images/bodyBg.jpg) repeat-x 0 0;}
p {color:#000;font-size:1.0em;margin:0 0 0.8em;}
h1 {color:#044D92;font-size:1.35em;margin:0 0 1.0em;}
h2 {color:#044D92;font-size:1.0em;margin:0 0 0.2em;}
h3 {color:#000;font-size:1.0em;margin:0 0 0.2em;}
h4 {color:#000;font-size:1.0em;margin:0 0 0.2em;}
h5 {color:#000;font-size:1.0em;margin:0 0 0.2em;}
h6 {color:#000;font-size:1.0em;margin:0 0 0.2em;}
ul, ol, dl {}
a {text-decoration:none;color:#044D92;}
a:hover {text-decoration: underline;}
a img {border:0px solid; text-decoration:none;}
dfn {display:none;}
* html div,* html ul, * html li {height:1%}
table { }
table td, table th {vertical-align:top;}
dfn {display:none;}
input, label ,table, td {font-size:100%;font-family:inherit;}
hr {border:none;background:#fff;border-bottom:1px solid #777;padding:5px 0 0;margin:0 0 5px;}
input,textarea,select {font-family:arial;font-size:1em;color:#2F240D}
input:focus, textarea:focus {background:#feecd2;outline:none}
fieldset {padding:5px;}
legend {font-weight:bold;color:#C04F00;font-size:1.4em;}
/* editori */
img.leftAlign {float:left;margin:0 10px 10px 0}
img.rightAlign {float:right;margin:0 0px 10px 10px}
.leftAlign {float:left;margin:0 10px 10px 0}
.rightAlign {float:right;margin:0 0px 10px 10px}
.small {font-size:0.9em;}
.large {font-size:1.1em;}
.info {background:url(images/icon_info.jpg) no-repeat 0 0; padding-left: 25px;}
.news {}
.center {text-align:center;margin-left:auto;margin-right:auto;}
.pdf {padding:0 12px 0 0; background:url(images/pdf10.png) 100% 2px no-repeat;}
.news p {color: #333333;font-size: 11px;margin-left: 15px;}
.news h1 { color: #e76324; font-size: 16px; font-weight: 700; font-style: italic; margin-top: 5px; margin-bottom: 5px; }
.news h2 { color: navy; font-size: 11px; font-weight: bold; margin-left: 15px; }
.news a {color: #ed6300;text-decoration: none;font-size: 11px;}
.news a:hover {color: #ed6300;text-decoration: underline;font-size: 11px;}
/* asettelut */
#pageWrapper {text-align:left;width:980px;margin:10px auto 0;background:#fff url(images/mainBg.gif) repeat-y 0 0;}
* html #pageWrapper, * html #contentWrapper, * html #mainContent {height:1%;}
#pageWrapper.full {background-position:-1960px 0px;}
#pageWrapper.rightWide {background-position:-980px 0px;}
#contentWrapper {padding:0;}
#leftContent {width:190px;float:left;min-height:400px;}
* html #leftContent {margin-right:-3px;height:400px;}
#leftPadding {padding:0 5px}
#rightContent {float:right;width:200px;}
* html #rightContent {margin-left:-3px;}
#rightPadding {padding:0 10px;}
/* 3col */
#mainContent {margin:0 220px 0 190px;min-height:400px;}
* html #mainContent {margin:0 217px 0 187px;height:400px;}
#mainContentWidth {width:570px;overflow:auto;overflow-y:visible;overflow-x:hidden;}
#mainPadding {margin:0 0 5px 15px;}
/* 2Col Right wide, Left Narrow */
#pageWrapper.rightWide #mainContent {margin-right:0}
* html #pageWrapper.rightWide #mainContent {margin-right:0;}
#pageWrapper.rightWide #mainContentWidth {width:765px;}
#pageWrapper.rightWide #rightContent {display:none}
/* 2Col Left wide, Right Narrow */
#pageWrapper.leftWide #mainContent {margin-left:0}
* html #pageWrapper.leftWide #mainContent {margin-left:0;}
#pageWrapper.leftWide #mainContentWidth {width:740px;}
#pageWrapper.leftWide #leftContent {display:none}
/* 1 Col */
#pageWrapper.full #mainContent {margin-right:0; margin-left:0;}
* html #pageWrapper.full #mainContent2Col {margin-right:0;margin-left:0;}
#pageWrapper.full #mainContentWidth {width:960px;margin:10px 0 0 10px;}
#pageWrapper.full #rightContent, #pageWrapper.full #leftContent {display:none}
/* Header */
#header {height:150px;background:url(images/header.png) no-repeat 0 0;position:relative;overflow-y:hidden;}
#headerPadding {padding:0}
div.printLogo {display:none;}
#logoLink {display:block; width:150px; height:120px;background: url(images/empty.gif);position:absolute;}
#searchBg {position:absolute;right:5px;top:75px;background: url(images/searchBg.png);width:260px;z-index:1;height:34px;}
#search {position:absolute;right:5px;top:75px;width:240px;padding:8px 10px;z-index:2;}
#search input.search-input {background:transparent;border:1px solid #bbb;color:#fff;width:175px;}
#search input.search-button {background:transparent;border:0px solid #bbb;color:#fff;background:#156cae;padding:0px 2px;margin:0 0 0 3px;cursor:pointer;}
/* Footer */
#footer {background:#fff;clear:both;position:relative;}
#footerPadding {padding:0px 30px 0px 10px;text-align:center;font-size:0.9em;color:#757373;border:1px solid #C2B8B5;height:36px;line-height:36px;}
#addressBlock {position:absolute;bottom:47px;left:18px;font-size:0.9em;height:53px;width:154px;background: url(images/pallurat2.gif) no-repeat 0 0;}
.full #addressBlock {background:none;}
#copy {background:url(images/copyBg.gif) no-repeat 0 0;text-align:center;height:23px;color:#fff;font-size:0.9em;line-height:23px;}
/* sbCarousel */
#imageBox {width:960px;height:330px;overflow:hidden;position:relative;}
#imageBox.js img {z-index:0;top:0;left:0;position:absolute;visibility:hidden;}
ul.naviList {position:absolute;bottom:0;left:0;z-index:100;list-style-type:none;margin:0;padding:0;}
ul.naviList li {float:left;padding:3px;border:1px solid #aaa;color:#fff;margin:0 3px}
#imageBox img.current {z-index:20;border:none;}
#imageBox img.newCurrent {z-index:50;position:absolute;}
/* morph Styles */
.current {border:1px solid #ff0;}
.normal {border:1px solid #aaa;}
/* top navi */
#topNaviWrapper {padding:124px 0 0px 1px;overflow:hidden;height:26px;width:979px;}
#topNavi {list-style-type:none;clear:both;background:#fff;overflow:auto;_overflow:hidden;margin:0 0px 0 0;padding:0 0 0 15px;width:auto;height:26px; background:url(images/topMenuBg.png) repeat-x 0 0;width:980px;}
#topNavi li {float:left;}
#topNavi li a {;color:#fff;font-weight:bold;padding:8px 12px;cursor: pointer;line-height:26px}
#topNavi li a:hover, #topNavi li.currentpage a, #topNavi li.activeparent a {color:#fdb231;text-decoration: none;}
/* BioretecNavi */
/* First Level */
#leftNaviC ul {margin:0;padding:0;border-top:1px solid #11498e;}
#leftNaviC ul li {margin:0;padding:0;list-style-type: none;position: relative;display:block;font-weight:bold;border-bottom:1px solid #11498e;color:#11498e;cursor:pointer;vertical-align:top;}
#leftNaviC ul li a {margin:0;padding:3px 0 3px 3px;display:block;text-decoration:none;color:#11498e;background:none;line-height:1.1em;_height:1%}
#leftNaviC ul li a:hover,#leftNaviC ul li.currentpage a {color:#000000;/*background-color:#FDB231;*/text-decoration: none;;cursor: pointer}
/* Second Level */
#leftNaviC ul ul {margin:0 0 0 0;padding:0 0 0 0px;border:none;}
#leftNaviC ul ul li {width:auto;font-size:0.9em;border:none;}
/* Third Level */
#leftNaviC ul ul ul {margin:0 0 0 0px;;padding:0 0 0 0px;border:none;}
#leftNaviC ul ul ul li {width:auto;font-size:0.9em;border:none;padding:0 0 0 10px;}
#leftNaviC ul ul li a, #leftNaviC ul li.currentpage li a {padding:4px 0 3px 15px;background:transparent url(images/box.png) no-repeat 4px 7px;color:#11498e}
#leftNaviC ul li li a:hover {background-color:transparent;color:#000;}
#leftNaviC ul li.currentpage li a:hover {background-color:transparent;color:#000;}
#leftNaviC ul li li.currentpage a:hover {color:#000000;/*background-color:#FDB231;*/}
/* Left Content */
/* Right Content */
#rightContent ul {margin:0 0 0 0;}
#rightContent ul li {padding:2px 0 1px 20px;background:transparent url(images/box.png) no-repeat 4px 8px;color:#11498e;list-style-type:none;}
#rightContent ul li.info {background:transparent url(images/icon_info.jpg) no-repeat 0px 3px;}
/* MainContent */
#mainContent ul {margin:0 0 10px 10px;list-style-type:none;}
#mainContent ol {margin:0 0 10px 10px;list-style-type:decimal;}
#mainContent ul li {padding:2px 0 1px 15px;background:transparent url(images/box.png) no-repeat 4px 8px;color:#000000}
#breadcrumbs {margin: 0 2px 0 200px;background:#fff;padding:5px 0 10px;font-size:0.9em;color:#777;font-style:italic;}
.full #breadcrumbs {display:none;}
.lastModified {color:#999;font-size:0.9em;padding:20px 0 0;font-style:italic;clear:both;}
.downloads {border: 1px solid #008080;padding:3px;}
table.downloads {width:100%;}
table.downloads td {padding:3px;}
table.downloads h2 {background:#0094c5; color:#fff;margin:-1px;padding:3px;}
/* etusivu */
.front {padding:10px 5px;}
.front h2 {font-size:1.2em;padding:0;margin:0 0 5px;}
.front td {padding:5px 15px 5px ;}
.front .NewsSummary {}
.front .NewsSummaryLink {}
/* Lomakkeet */
div.formbuilderform div {margin:3px 0 0 170px;_padding-left:170px;display:table;zoom:1.0 !important;zoom:0.0;}
/*html>body div.formbuilderform div { *zoom: 1 }*/
div.formbuilderform div label {width:170px;display:block;float:left;margin:0 0 0 -170px;}
div.formbuilderform div h3, div.formbuilderform div a {margin:0 0 0 -170px;_margin-left:-340px;display:block;}
div.formbuilderform div div {margin:0;_padding-left:0px;_margin-left:-170px;}
div.formbuilderform div div label {width:auto;float:none;display:inline;margin:0;}
div.formbuilderform textarea {width:300px;height:100px;}
div.formbuilderform select {padding:0;margin:0 10px 0 0}
div.formbuilderform select option {padding:0 5px;}
div.formbuilderform .submit {}
/* Uutiset */
.NewsSummary {margin:0 0 3px 0;padding:3px 15px;}
.NewsSummaryLink a {font-weight:bold;color:#044D92}
.NewsSummaryPostdate {font-size:0.9em;color:#666;font-style:italic;}
.NewsSummaryMorelink {font-style:italic;font-size:0.9em;}
.NewsSummaryContent {overflow:auto;}
#NewsPostDetailContent {}
.pager {margin:10px 0 10px 15px;font-weight:bold;color:#555}
.NewsContainer {margin:-8px 0 15px;line-height:1.1em;}
.even {background:#f5f5f5;}
/* login */
#login {position:absolute;right:5px;top:10px;background: url(images/searchBg.png);width:240px;text-align:right;padding:8px 10px;color:#fff;font-size:0.9em;line-height:1.2em;}
#login a {color:#ddd;}
#login p {margin:0;color:#ddd;}
.user, .pw {overflow:auto;}
.user label, .pw label {width:100px;display:block;float:left;line-height:1.8em;}
.user input, .pw input {width:200px;}
#cntnt01feu_input_username {width:200px;}
#loginBox {margin:20px 30px }
#loginBox .login {background:#2F90CB ;width:340px;padding:12px 10px;font-size:0.9em;line-height:1.2em;border:1px solid #ddd;margin:0 0 10px 0;color:#fff;}
#loginBox .user, #loginBox .pw {margin:0 0 5px 0;}
#loginBox label {font-weight:bold;}
.feuSubmit {margin-left:100px;}
#loginBox a {color:#777;font-size:0.9em;}
.registerHere {padding:10px 0;}
/* Muokkaa tietoja */
.changeTitle {font-weight:bold;font-size:1.2em;margin:0 0 10px;}
.changeSettings {margin:0 0 20px;}
.changeSettings label {width:100px;display:block;}
/* Register */
.registrationForm {width:75%;}
.registrationForm input {width:300px}
.registrationForm textarea {width:400px;}
.registerTitle {color:#044D92;font-size:1.35em;margin:0 0 1.0em;}
.sendAnotherEmail {margin:10px 0;}
.registerSubmit {margin:0 0 10px 130px;;}
/* Uploads */
.uploadsTemplate th {padding:3px 0;;}
.uploadsTemplate .thumbNail img {height:15px;}
.uploadsSummary th {width:120px;}
.uploadsSummary .thumbNail img {height:15px;}
/* js tyylit */
p.caption {font-style:italic;font-size:0.9em;color:#555;margin:3px 0 6px;}
/* muut */
.clearB {clear:both;font-size:0em;height:0px;}
#credit {font-size:0.8em;margin-bottom:-10px;width:980px;margin:0;text-align:right;color:#999}
#credit a {}
/* Milkbox starts */
#mbOverlay {position: absolute; left: 0;width:100%; background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
z-index:100;cursor: pointer;}
#mbCenter { position: absolute; z-index:101; overflow:hidden;left: 50%;
top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
background-color: #fff;border: 5px solid #fff; margin:0; padding:5px;}
.mbLoading{ background: #fff url(loading.gif) no-repeat center; }/* IMAGE: loading gif */
#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }
/* *** BOTTOM *** */
#mbBottom {
/* set text options */
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;color: #666;line-height: 1.4em; text-align: left;padding-top:8px;margin:0;}
/* navigation */
#mbNavigation{float:right;width:27px;padding-top:3px; border-left:1px solid #9c9c9c;/* set nav border */}
#mbCount{ width:55px; overflow:hidden;padding-top:1px;float:right;text-align:right;font-size:9px; /* count font size */}
#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{outline:none;display:block;float:right;height:19px;cursor: pointer;}
#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(images/mb/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(images/mb/next.gif) no-repeat; }/* IMAGE: next */
#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(images/mb/play-pause.gif) no-repeat; }/* IMAGE: prev */
/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }
#mbCloseLink {width:17px;background: transparent url(images/mb/close.gif) no-repeat;/* IMAGE: close */}
/* description */
#mbDescription{ margin-right:27px;padding:0px 10px 0 0;font-weight: normal;text-align:justify;}
/* Milkbox ends */