/*
http://yui.yahooapis.com/2.3.1/build/reset/reset-min.css

Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*
http://yui.yahooapis.com/2.3.1/build/fonts/fonts-min.css
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/*
http://yui.yahooapis.com/2.3.1/build/grids/grids-min.css
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
/*ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
 text-align:right;
}*/
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 /*padding: 3px 0.5em;*/
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #fff;
 border-bottom: 1px solid #fff;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.wrapper {background: #498ACA url('../img/bg.gif') repeat-x 0px 5.03em; width:100%;}
body {background: #213351; font-family: georgia, Sans-serif !important; letter-spacing: 0em;}
#hd {position: absolute; text-align: center; left: 0; top: 0; height: 6em !important; background: #fff; width: 100% !important;}
#mainrea a:visited {color:#427cb3; text-decoration: none;}

/*Pörssisäätiö logo*/
#hd #otsikko {width: 78.769em; margin: 0 auto !important; display: block; position: static; background: url(../img/header_bg.jpg) no-repeat 83% bottom; height: 6em;}
#hd h1 a {height: 4.6em; width: 180px; float: left; text-indent: -9999px; border: 0px solid green; background: url(../img/porssisaatiologo.png) no-repeat left 1.5em; margin-left: 0.5em; }
p#tagline {background: url(../img/tagline.gif) no-repeat; float: left; margin-top: 2.2em; width: 30em; text-indent:-9999px; height: 1.6em;}
.alue-sv p#tagline {background: url(../img/tagline_sv.gif) no-repeat}
.alue-en p#tagline {background: url(../img/tagline_en.gif) no-repeat}

/* Kielivalinnat */
#languages{position:absolute;top:0;right:0px; background: #ebf4fd; font-size: 85%; padding: 0.6em 1em;}
#languages li {display: inline; color: #000; padding: 0.2em;}
#languages li a {color: #000; text-decoration: none;}
#languages li.active a {color:#66c424; font-weight: bold;}

/*basic mitta customoinnit*/
#doc4 {width: 78.769em !important;}
#palsta {width: 40em !important; _width: 39em; padding-right: 1em; position: relative; background: #DEEBF8 repeat-x 0 2.2em !important; min-height: 70em; height: auto;}
.alue-porssisaatio #palsta, .alue-borsstiftelsen #palsta, .alue-linkit #palsta {background-position: 0 0 !important}
/*.alue-linkit #palsta {min-height: 110em;}*/
/*\*/
* html #palsta {height: 43em;}
/**/

/*transparent borders IE6*/ #tags, ul.alanavi {border-left: 0.769em solid transparent; _border-color: tomato; _filter:chroma(color=tomato);}
#mainarea .first {border-right: 1.1em solid #ddebf8; _border-right: 0.5em solid #ddebf8;}
#sivupalsta {width: 17.12em; _width: 16em !important; border-top: 1.2em solid #DDEBF8}
#mainokset_haku {width: 17.231em !important; margin-top: 6.4em;}
#mainarea {width: 59.269em !important; border-right: 1.5em solid #DEEBF8; margin-right: 18em !important; min-height: 35em; border-left: 0.769em solid #498aca;}
#tags {width: 60.769em !important; height: 5em;}
#tags li {margin: 0; width: 32.07% !important}
#yui-main {margin-top: 6.4em !important;}
#mainarea {background: #DDEBF8 url(../img/mainarea_bg.gif) repeat-y 69.5%; position: relative !important;}
.alue-hex #mainarea {background: #DDEBF8;}

/*muut tyylit*/
#tags li {font-size: 123.1%; float:left; border-left: 1px solid #9bbad9; padding-left: 0.5em;}
#tags li a {color: #fff; text-decoration: none; padding: 0em 0.2em}
#tags li a#active {background: #66c424;padding: 0.1em 0.2em}
.tabberlive .tabbertab {background: url(../img/article_bg.gif) repeat-x 0px 2.238em;}
#mainarea h2#artikkelit {width: 5em !important; margin: 0; position: absolute; top: 0.2em; left: 0em;}
#elsewere h3, #talousuutiset h3, #kommentit h3, h2#artikkelit, .alue-muualla-verkossa h2, .alue-talousuutiset h2, .alue-nyheter h2   {font-style: italic; padding-left: 0 !important; font-size: 250% !important; color: #87a2bc !important; font-weight: normal !important; margin: 0em !important; }
h2#artikkelit, .alue-muualla-verkossa h2, .alue-talousuutiset h2, .alue-nyheter h2    {padding-left: 0.4em !important; margin-bottom: 0em !important;}
/*#mainarea #palsta h1,*/ #mainarea #palsta h2, #mainarea #palsta h3, #mainarea #palsta h4, #mainarea #palsta h5, #mainarea #palsta h6 {padding-left: 1em; width: 100%;}
#mainarea #palsta p.date, #mainarea #palsta p {padding-left: 1em;}
#palsta a {color: #315D8C !important;}
#mainarea #palsta h1, #mainarea #palsta h2, #mainarea #palsta h3, #mainarea #palsta h4, #mainarea #palsta h5, #mainarea #palsta h6 {margin-bottom: 0.5em;}
#mainarea #palsta h1 {font-style: italic; font-size: 250% !important; color: #87a2bc !important; font-weight: normal !important; margin: 0.5em 0 0 0.4em;}
#mainarea #palsta h2 {font-size: 123.1%; font-weight: bold; color: #325E88; padding-left: 0.7em;}
#mainarea #palsta h3 {font-size: 108%; color: #325E88; font-weight: bold;}
#mainarea #palsta h4 {padding-left: 0.7em;}
#mainarea #palsta h5, #mainarea #palsta h4 {font-weight: bold;}
#mainarea p.tags {font-style: italic; text-align: right; padding-right: 1.8em; padding-left: 0; background: url(../img/porssisaatio_tag.gif) no-repeat right center; margin-left: 1em; border-bottom: 1px solid #bfc9d9; width: 39.4em !important; clear: both; padding-bottom: 0.3em !important;}
.clear {clear: both;}

/*news item*/
.newsitem {padding-bottom: 1em;}
img.oikea {float: right;}
img.vasen {float: left;}
p.date, #mainarea p, #mainarea h4, p.date  {padding-left: 0.5em;}
#mainarea p {font-size: 93%; padding-bottom: 0.8em; color: #393939; line-height: 1.5em;}
#mainarea p a {color: #1f8600; text-decoration: none;}
#mainarea h4 {font-size: 123.1%; font-weight: bold;}
p.date {text-transform: uppercase; font-size: 77% !important; color: #86a3be !important; padding-top: 0.8em; font-family: "Trebuchet MS"; clear: both; padding-left: 1.2em !important;}
h4 a, h3 a {color: #325e88; text-decoration: none;}
p.comments a, #vinkit li a {color: #1f8600}
p.comments a:hover, #vinkit li a:hover {color: #000;}

/* tabbernavi */
ul.tabbernav {background: #DEEBF8; position: absolute; right: 0em; text-align: right; color: #325e88; padding: 0; border-bottom: 0; margin: 0 !important; width: 59.269em;}
.document ul.tabbernav {float: none; display: block; margin: 1em 0 0 14.3em !important; background: #DEEBF8; text-align: right; font-family:georgia; color: #325e88; padding: 0; border-bottom: 0; position: absolute; right: 0em;}
ul.tabbernav li {float: left; padding: 0em 0 0em 0.5em !important; background: #c5d7e8 url(../img/tab_left.gif) no-repeat left top; margin-left: 0.3em;}
ul.tabbernav li.tabberactive {background: #fff url(../img/tab_left_active.gif) no-repeat left top;}
ul.tabbernav li a {color: #415b86 !important;display: block; padding: 0.5em 0.5em 0.5em 0em !important;border: none !important; background: #c5d7e8 url(../img/tab_right.gif) no-repeat right top !important;}
ul.tabbernav li.tabberactive a {background: #fff url(../img/tab_right_active.gif) no-repeat right -1px !important;}
.tabberlive .tabbertab {border: 0; padding: 3em 0 0 0; clear: both;}
.tabberlive .tabbertab p {padding-bottom: 0 !important;}
.tabberlive ul.tabbernav {border-bottom: 0px; width: auto;}
.tabberlive {padding-top: 1.4em; background: #DEEBF8; width: 41em; _width: 38em;}

/*talousuutiset taulukko, muualla verkossa taulukko*/
#palsta #talousuutiset p {margin: 0;}
#palsta #talousuutiset, #palsta #elsewere {width: 40.5em;padding-left: 0.5em; background: #DEEBF8 url(../img/article_bg.gif) repeat-x 0px 3.2em; clear: both;}
.alue-muualla-verkossa #elsewere {background: #DEEBF8 url(../img/article_bg.gif) repeat-x 0px 0em !important}
#palsta #talousuutiset table, #palsta #elsewere table, .alue-talousuutiset #palsta table, .alue-nyheter #palsta table {border-color: #c9d7e5; border-style: solid; border-width: 0px 0px 1px 0px; width: 40em ; _width: 39.8em; border-collapse: separate; margin: 0;}
#palsta #talousuutiset table td, #palsta #elsewere table td, .alue-talousuutiset #palsta table td, .alue-nyheter #palsta table td {border-top: #c9d7e5 1px solid; border-left:0; border-right:0; border-bottom:0; padding: 0.3em 0px;}
#palsta #talousuutiset table td, #palsta #talousuutiset table th, .alue-talousuutiset #palsta table th, .alue-nyheter #palsta table th {color: #315980;}
#palsta #talousuutiset table th, .alue-talousuutiset #palsta table th, .alue-nyheter #palsta table th {border: 0;text-transform: uppercase;}
#palsta #talousuutiset table td a, #palsta #elsewere table td a, .alue-talousuutiset #palsta table td a, .alue-nyheter #palsta table td a {color: #418314 !important; font-size: 93%; text-decoration: none; font-weight: bold;}
.alue-talousuutiset #palsta table, .alue-nyheter #palsta table {padding-left: 0.5em;}
#palsta #talousuutiset table td.titlecell, .alue-talousuutiset #palsta table td.titlecell, .alue-nyheter #palsta table td.titlecell  {width: 20em; padding-right: 1.5em;}
#palsta #talousuutiset table td.sourcecell, .alue-talousuutiset #palsta table td.sourcecell, .alue-nyheter #palsta table td.sourcecell {font-size: 77%;}
#palsta #talousuutiset table tr#otsikkorivi, .alue-talousuutiset #palsta table tr#otsikkorivi, .alue-nyheter #palsta table tr#otsikkorivi {height: 3em; vertical-align: top;}
#palsta #talousuutiset table tr#otsikkorivi th, .alue-talousuutiset #palsta table tr#otsikkorivi th, .alue-nyheter #palsta table tr#otsikkorivi th {padding-top: 0.5em;}
.alue-talousuutiset #palsta, .alue-nyheter #palsta {background-position: 0em 3.1em !important}
#palsta #elsewere table td {vertical-align: top;}
#palsta #elsewere table {width: 39.85em;}
#palsta #elsewere a.url {font-weight: normal !important; font-size: 85%;}
#vinkit {float: right; padding-top: 1em !important;}
#vinkit li {display: block; float: left; border: 1px solid #218600; margin: 0 -1px 0 0; list-style-type: none;}
#vinkit li a {text-decoration: none; padding: 0.5em; display: block; color: #428210 !important;}

/* haku */
#search {border-right: 1px solid #9bbad9; border-left: 1px solid #9bbad9; color: #fff; text-align: center; height: 4.3em; width: 17.231em;}
#search input {border: 0px; width: 130px; width: 8.2em; float: left; margin-left: 0.6em; padding: 0.5em;}
#search input.button {float: left; margin-top: 0em; }
#search input.button {width: 4em; height: 2.2em; text-transform: uppercase; background: #376492; color: #fff; font-size: 100% !important;}
#search span {font-size: 123.1%; margin-bottom: 0.5em; display: block;}

/*footer*/
#ft {background: #213351 url(../img/footer_bg.jpg) repeat-x top; width: 100%;}
.alanavi li {display: inline; float: left; height: 3em; padding-top: 0.1em; margin-left: 1em;}
.alanavi li a {color: #fff; text-decoration: none; padding-left: 1em; border-left: 1px solid #fff;}
.alanavi li a:visited {color: #fff;}
.alanavi li.logo {color: red; background: url(../img/footer_logo.gif) no-repeat; display: block; width: 8.5em; text-indent: -9999px; margin-left: 0em;}
.alanavi li.logo a {display: block; width: 7em; border: 0;}
.alanavi {margin: auto; width: 78em; height: 3em; color: #fff; padding-top: 2em;}
.bottom {float: left; display: block; border-left: 0.769em solid #498aca; width: 60.75em; background: #deebf8; height: 1.5em;}
.accessibility {line-height:0;text-indent:-9999px; font-size: 0;}
#sitefooter {margin: 2em auto 0 auto; width: 77.3em; padding-bottom: 1em;}
#sitefooter dl {text-align:left;float:left;margin:0;padding:0 0 0 7px;width:247px;display:inline}
#sitefooter dt {font-size:85%;font-weight:bold;color:#6e7785;float:left;margin:0;padding:3px 2px 3px 5px;width:240px;background:#19273e;border-bottom:1px solid #455062;}
#sitefooter dd {float:left;margin:0;padding:0;width:247px;border-bottom:1px solid #455062;font-size:0.9em;}
#sitefooter dd a {display:block;float:left;margin:0;padding:2px 0 2px 5px;width:242px; color: #e9ebee; text-decoration: none;}
#sitefooter dd a:hover {display:block;float:left;margin:0;padding:2px 0 2px 5px;width:242px;background:#202020;text-decoration:none;}
#sitefooter a.syotteet {margin:0 0 0 0;padding:0 0 0 0;float:right;display:block;width:16px;height:16px;text-indent:-9999px;font-weight:normal;background:url(../img/feed-icon.gif) no-repeat;}

/*dokumentin tyylejä*/
.document #mainarea blockquote {border: 1px solid #94a4bb; width: 30em; padding: 0.2em; margin: 0 0 1em 2em;}
.document #mainarea blockquote p {background: #edf2f9; font-size: 146.5%; padding: 0.4em;}
#kommentit {background: url(../img/article_bg.gif) no-repeat 0em 0; margin: 2em 0 0 0;}
#kommentit h4 {font-size: 138.5%; color: #87a2bc; font-style: italic; font-weight: normal; padding-left: 0.6em; margin-bottom: 0.5em; }
#kommentit h3 {margin: 0 0 0.5em 0.5em !important; padding-top: 0.3em;}
#kommentit dl {margin-left: 4em; font-style: italic;}
#kommentit dl dd p {margin: 0; padding: 0.5em 0 !important; width: 35em !important;}
#kommentit dl dd p.post-footer {color: #418302; font-weight: bold;}
#kommentit dl dd {margin-bottom: 1em;}
#kommentit form {padding-left: 4em;}
#kommentit form input {padding: 0.3em; width: 14em; margin-bottom: 1em;}
#kommentit form h5 {margin-top: 0.2em; display: block; float: right; width: 21em;}
#kommentit form h5.omakommentti {/*float: left;*/ margin-bottom: 0.5em;}
#kommentit .kommentit-button {margin-top: 1em ;width: 10em; background: none; color:#218600; display: inline; border: 1px solid #218600; padding: 0.5em}
form {padding-left: 1em;}
form p {padding: 0 !important;}
#mainarea form input, #mainarea form textarea {border: 1px solid #94a4bb; overflow: auto;}
#mainarea form textarea {width: 36em;}
#mainarea form label {font-weight: bold;}
input.virhe {border: #BA2415 solid 2px !important;}
#kommentit form em, #kommentit form p.virhe, .alue-palaute form em {background: #FFFFE7; margin: 0.5em 0; width: 36em; display: block; padding: 0.2em 0 0 0.5em;}
#kommentit form p.virhe {background:#BA2415; text-align: center; font-weight: bold; color: #fff;}
#sivupalsta p {padding: 0;}
.alue-viikon-kysymys form ul li {list-style-type: none !important;}
.document #mainarea {background: #EEEFEA url(../img/document_bg.gif) repeat-y;}
.document #mainarea .first {border: 0;}
.document #mainarea #palsta {padding: 1.5em 0 0 1.57em; border-left: 1px solid #AFB199; background: #DEEBF8 url(../img/article_bg.gif) no-repeat 1.77em 0.2em !important;}
.document #mainarea #palsta p {}
.document #mainarea #sivupalsta {background: transparent url(../img/document_sidebartop.gif) no-repeat 11px top; padding: 0.5em 0.5em 0 1.5em; width: 15.233em !important; position: absolute; top: 12.5em;}
.document .bottom {background: #DEEBF8 url(../img/document_sidebarbottom.gif) no-repeat;}
.document .tabbernav {margin-top: 1em;}
.document h2#artikkelit {padding-top: 0.5em; font-size: 220% !important; position: absolute; left: 8.5em; width: 5em !important; margin: 0;}
.document #mainarea p.tags, .document #mainarea p.authors {font-style: italic; text-align: left; padding-right: 0em}
#palsta ul, #palsta ol {margin: 0 0 1em 2em;}
#palsta ul li a {color: #1F8600}
#palsta ul li, #palsta ol li {padding: 0px; list-style-position: inside;}
#palsta ul li {list-style-type: disc;}
#palsta ol li {list-style-type: decimal;}
#mainarea #tabs {background: #DEEBF8; height: 6em !important; display: block !important; width: 59.269em !important;}
#mainarea #palsta img {margin: 0em; padding: 0.3em; background: #fff; border: 1px solid #315D8C}
#palsta strong {font-weight: bold;}
#palsta em {font-style: italic;}
#mainarea #palsta img.oikea {margin: 0em 0em 1.5em 1.5em}
#mainarea #palsta img.vasen {margin: 0em 1.5em 1.5em 0em}
#palsta table {margin-left:1em;border:1px solid lightblue;border-collapse:collapse;}
#palsta table td, #palsta table th {border:1px solid #c0c0c0; padding: 0.3em;}
#palsta td.even, #palsta th.even {background:#f1f1f1;}
#palsta table.clean, #palsta table.clean th, #palsta table.clean td {border:0 none;}
#palsta tr.even th, #palsta tr.even td {background:#f1f1f1;}
#palsta tr.headline th, #palsta tr.headline td {background:#333;color:#fff;border:1px solid #333;}
.alue-sijoitussaa table.sisalto {}
.alue-sijoitussaa #mainarea #palsta table.sisalto td.sisalto-otsikko h1 {font-size: 100% !important; font-style: normal !important; padding: 0; margin: 0; color: #393939 !important; font-weight: bold !important}
.alue-sijoitussaa #palsta table td, .alue-sijoitussaa #palsta table th, .alue-sijoitussaa #palsta table.sisalto {border: 0; padding: 0;}
.alue-sijoitussaa #mainarea #palsta table td input {display: block; margin: 0.5em 0 0 2em;}

/*sivupalsta */
.promotion {border-top: 1px solid #fff; padding: 0.5em 0em 0.5em 0em; float: left; width: 17.1em; _width: 16em;}
.promotion p {padding: 0 !important; color: #000 !important; padding-left: 0em !important; margin: 0 0 0 1em; font-size: 100% !important}
.promotion dl {margin: 0 0 0 1em}
.promotion ol {margin: 1em 0em; width: 17.1em;}
.promotion ol li {list-style-type: decimal; list-style-position: inside; border-bottom: 1px solid #c2cad7; padding: 0.1em 0 0.2em 2em;}
.promotion h3 {font-size: 153.9%; color: #fff; margin: 0em 0 0 0.5em;}
.promotion form {padding: 0 !important;}
.promotion form input {display: inline; border: 0px !important; padding: 0.2em;}
.promotion form#newsletter label {text-indent: -9999px; height: 0; display: block;}
.promotion form input#email {width: 14.1em; padding: 0.5em; margin-top: 0.2em;}
.promotion form input.button {width: 7em; margin: 1em 0em 0.5em 8em; background: #3E577E; color:#fff;}
.promotion form dl dd label {margin-left: 0.5em;}
.graphing {padding: 0 !important;}
.graphing p {margin: 0 !important;}
input.button {margin-top: 1em;}
#mainarea form input, #mainarea form textarea {padding: 0.2em;}
a#etusivulle {background: #c5d7e8 url(../img/etusivulle_arrow.gif) no-repeat 0.5em center; padding: 0.5em 0.5em 0.8em 1.5em; display: block; color: #315d8c; margin: 1em 0 1em 1em; border-bottom: 1px solid; border-right: 1px solid; border-color: #7a8999; text-decoration: none; height: 1em; width: 13.3em;}
.alue-artikkelit a#etusivulle {margin: 0 0 1em 0 !important}
a#etusivulle:hover {background-color: #d4e8fa}

/* tagipilvi */
ul.tagcloud  {margin-top: 1em;}
ul.tagcloud li {display: inline; line-height: 1.5em;}
ul.tagcloud li a {color: #315D8C; text-decoration: none; padding: 0}
ul.tagcloud li a:hover {color: #fff; background: #66c424}
ul.tagcloud li.weight0 {font-size: 85%;}
ul.tagcloud li.weight1 {font-size: 93%;}
ul.tagcloud li.weight2 {font-size: 108%;}
ul.tagcloud li.weight3 {font-size: 123.1%;}
ul.tagcloud li.weight4 {font-size: 138.5%;}

/* kyselyt */
#palsta div.tulokset table {width: 39em; border:0 none; margin:0 0 1.2em 10px;padding:4px;border-collapse:collapse;background:url(../img/bg/tulos_bg.gif) left bottom repeat-x;}
#palsta .tulokset table caption {display:none;}
#palsta .tulokset table th {border:0 none;margin:0;padding:10px 0 4px 0;}
#palsta .tulokset table td {padding:0.3em;padding-left:0.6em;padding-right:0.6em;border:1px solid #BACADC;border-collapse:collapse;}
#palsta .tulokset table td img {margin-right:0.6em;}

/* laskurit */
.alue-laskurit #palsta, .alue-kalkyler #palsta, .alue-porssisaatio #palsta, .alue-muualla-verkossa #palsta {padding-top: 1em;}
.alue-muualla-verkossa #palsta {background-position: 0em 0em !important;}
.alue-laskurit #palsta form input, .alue-kalkyler #palsta form input {font-size: 200%; width: 10.5em;}
.alue-laskurit #palsta form input.button, .alue-kalkyler #palsta form input.button {font-size: 123.1% !important; margin: 1em 0 0 0}
.alue-laskurit #palsta form, .alue-laskurit p#result, .alue-kalkyler #palsta form, .alue-kalkyler p#result {border: 1px solid #AFB199;}
.alue-laskurit #palsta form, .alue-kalkyler #palsta form {margin: 0 0 1em 1em; width: 22em; background: #EFEFEA; padding: 1em;}
.alue-laskurit #palsta ul, .alue-kalkyler #palsta ul {margin: 0 0 0 0.9em;}
.alue-laskurit p#result, .alue-kalkyler p#result {background: #FFFFE7; display: block; margin: 1em 0em 1em 1em; padding: 1.5em 0em !important; text-align: center;}
.alue-laskurit p#result strong, .alue-kalkyler p#result strong {display: block; font-weight: bold; font-size: 200%; color: #000;}
.alue-laskurit form em, .alue-kalkyler form em {background:#BA2415; text-align: center; font-weight: bold; color: #fff !important; display: block; margin: 0.5em 0em}
.alue-laskurit input.radio, .alue-kalkyler input.radio {width: auto !important; margin-right: 0.2em;}
p.virhe, p.message {margin: 1em; padding: 0.5em;width: auto !important; width: auto !important; border: 1px solid #AFB199; }
p.virhe {background:#FFFFE7 !important; color:#000 !important; text-align:center;}
p.message {background: lightgreen !important;}

/* artikkelit */
.etusivu-artikkelit .newsitem, .etusivu-artiklar .newsitem, .etusivu-articles .newsitem {border-bottom: 1px solid #bacadc; margin: 0 0.5em 0 1em; width: 38.6em; padding: 0;}
.etusivu-artikkelit .newsitem p, .etusivu-artikkelit .newsitem h3, .etusivu-artikkelit .newsitem p.tags, .etusivu-artiklar .newsitem p, .etusivu-artiklar .newsitem h3, .etusivu-artiklar .newsitem p.tags, .etusivu-articles .newsitem p, .etusivu-articles .newsitem h3, .etusivu-articles .newsitem p.tags {padding-left: 0 !important; border-bottom: 0 !important;}
.etusivu-artikkelit .newsitem h3, .etusivu-artiklar .newsitem h3, .etusivu-articles .newsitem h3 {margin-top: 0.2em !important;}
.etusivu-artikkelit #tabs h2#artikkelit, .etusivu-artiklar #tabs h2#artikkelit, .etusivu-articles #tabs h2#artikkelit {color: #5a9711 !important; font-size: 138.5% !important ; padding-top: 1.2em;}
.etusivu-artikkelit p.tags, .etusivu-artiklar p.tags, .etusivu-articles p.tags {text-align: right !important; margin-top: 0em;}
.alue-artikkelit h2#artikkelit, .alue-artiklar h2#artikkelit, .alue-articles h2#artikkelit {float: none !important; height: 1.2em !important;}
.alue-artikkelit ul.tabbernav, .alue-artiklar ul.tabbernav, .alue-articles ul.tabbernav {float: none; position: absolute; top: 3.8em;}
.alue-artikkelit #tabs, .alue-artiklar #tabs, .alue-articles #tabs {height: 6em; display: block; background: #DEEBF8;}
.alue-artikkelit #tabs ul.tabbernav, .alue-artiklar #tabs ul.tabbernav, .alue-articles #tabs ul.tabbernav {left: 0em;}
.alue-artikkelit #palsta, .alue-artiklar #palsta, .alue-articles#palsta {background: #DEEBF8 url(../img/article_bg.gif) repeat-x 0em 0em !important;}
.alue-artikkelit #sivupalsta, .alue-artiklar #sivupalsta, .alue-articles #sivupalsta  {border: 0 !important; width: 16em; margin: 1em 0.4em 0em 0em;}

/* listoista pois bulletit */
.alue-laskurit #palsta ul li, .alue-sanasto #palsta ul li {list-style-type: none; margin: 0;}
.alue-laskurit #palsta ul , .alue-sanasto #palsta ul  {margin: 1em 0 0 1em;}
.alue-sanasto input.button {margin-left: 0.5em;}

/* pagination */
ul.pagination {margin: 1em 0 1em 1em !important}
ul.pagination li {float: left; margin-right: 0.4em !important; display: block;}
ul.pagination li strong {display: block; padding: 0.2em 0.5em; border: 1px solid #000;}
ul.pagination li a {display: block; padding: 0.2em; border: 1px solid; }
ul.pagination li a:hover {border: 1px solid #000; color: #000 !important;}
ul.multipagination {margin: 1em 0 5em 1em !important}
ul.multipagination li {list-style-type: none !important;}
ul.multipagination li a {display: block;}
ul.multipagination li.prev {float: left; background: url(../img/prev.gif) left center no-repeat; text-indent: 18px;}
ul.multipagination li.next {float: right; text-align: right; background: url(../img/next.gif) right center no-repeat; padding-right: 18px !important;}

/*breadcrumb*/
#breadcrumb {position: absolute; top: 10px; left: 10px; font-size: 12px; background: #DDEBF8}
#breadcrumb a {color: #315D8C}