* { margin: 0; } html, body { height: 100%; } h1, h2, h3, h4, h5, p, a, li, table, body, html, span { letter-spacing: 0 !important; } div#main, div.Ft { width: 950px !important; } div#main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -80px; } div.Ft { margin: 0 auto; } div#content div#container { padding: 30px 0 0 0; margin: 0 0 90px 0; } div.hiddendd form select { width: 220px !important; margin-bottom: 20px; } html { min-width: 970px; width: auto !important; width: 970px; background: #fff url(./greybg.png) no-repeat scroll center top; _background: #fff url(./greybg-ie6.png) no-repeat scroll center top; } body { background: transparent url(./topbar.gif) repeat-x; } div#content div#container { background: transparent !important; } .topmenucontainer ul li { display: block; padding-left: 0 !important; } .topmenucontainer ul li a { font: 13px Arial, Helvetica, Verdana, Sans-serif; font-weight: bold; background: transparent url(./line.gif) no-repeat top right !important; padding: 15px 20px 15px 0; padding-left: 0 !important; display: block; } .topmenucontainer ul li.level1-last a { background: transparent none !important; } .topmenucontainer ul li a span { padding: 15px 20px 25px 15px; display: block; } .topmenucontainer ul li a:hover span { background: #2d2d2d !important; padding: 15px 20px 15px 15px; text-decoration: none; _background: none !important; } .topmenucontainer ul li.level1-onpath a { background: transparent url(./selected.gif) repeat-x !important; } .topmenucontainer ul li.level1-onpath a span, .topmenucontainer ul li.level1-onpath a:hover span { background: transparent url(./selected-arrow.gif) no-repeat scroll center 45px !important; padding: 15px 15px 27px 15px; } div.sidemenucontainer { margin: 0 0 30px 0 !important; } div.sidemenucontainer ul li.level1 a { font-weight: bold; display: block; width: 204px; margin: 0; padding: 8px 30px 8px 10px !important; } div.sidemenucontainer, div.sidemenucontainer ul, div.sidemenucontainer ul li.level1 { width: 244px; margin: 0; } div.sidemenucontainer ul { background: transparent url(./sidemenuline.gif) repeat-x top left; } div.sidemenucontainer ul li.level1 { padding: 0; background: transparent url(./sidemenuline.gif) repeat-x bottom left; } div.sidemenucontainer ul li.level1 a, div.sidemenucontainer ul li.level1 a:visited { padding: 0; background: transparent url(./sidemenuarrow.gif) no-repeat 225px 10px !important; } div.sidemenucontainer ul li.level1 a:hover { text-decoration: none !important; color: #fff !important; background: #cecece url(./sidemenuarrow.gif) no-repeat 225px 10px !important; } div.sidemenucontainer ul li.level1-onpath a:hover { background: transparent url(./sidemenuarrow.gif) no-repeat 225px 10px !important; color: #6AB539 !important; } div.sidemenucontainer ul li.level1-onpath { background: #fff url(./sidemenuline.gif) repeat-x bottom left !important; } div.sidemenucontainer ul li.level1 ul li a:hover { color: #6AB539 !important; } div.sidemenucontainer ul li.level1-onpath ul li, div.sidemenucontainer ul li.level1-onpath ul li a, div.sidemenucontainer ul li.level1-onpath ul li a:visited, div.sidemenucontainer ul li.level1-onpath ul li a:hover, div.sidemenucontainer ul li.level1-onpath ul li a span, div.sidemenucontainer ul li.level1-onpath ul li ul { background: #efefef none !important; font-weight: normal !important; font-size: 11px !important; } div.sidemenucontainer ul li.level1-onpath ul { padding: 0 0 2px 0; background: transparent url(./sidemenuline.gif) repeat-x bottom left !important; } div.sidemenucontainer ul li.level1 ul li a { padding: 2px 20px 2px 10px !important; } div.sidemenucontainer ul li.level1-onpath ul li.level2-first { padding-top: 9px !important; display: block; } div.sidemenucontainer ul li.level1-onpath ul li.level2-last { padding-bottom: 20px !important; display: block; } div.sidemenucontainer ul li.level1 ul li ul li a { padding: 2px 20px 2px 25px !important; } div.sidemenucontainer ul li.level1-onpath ul li.level3-first { padding-top: 4px !important; display: block; } div.sidemenucontainer ul li.level1-onpath ul li.level3-last { padding-bottom: 7px !important; display: block; } div.sidemenucontainer ul li.level1 ul li ul li ul li a { padding: 2px 20px 2px 45px !important; } div.sidemenucontainer ul li.level1-onpath ul li.level4-first { padding-top: 4px !important; display: block; } div.sidemenucontainer ul li.level1-onpath ul li.level4-last { padding-bottom: 7px !important; display: block; } div.sidemenucontainer ul li.level1 ul li ul li ul li ul li a { padding: 2px 20px 2px 60px !important; } div.sidemenucontainer ul li.level1-onpath ul li.level5-first { padding-top: 4px !important; display: block; } div.sidemenucontainer ul li.level1-onpath ul li.level5-last { padding-bottom: 7px !important; display: block; } div.sidemenucontainer ul li.level1-onpath ul li a.level2-here span, div.sidemenucontainer ul li.level1-onpath ul li a.level3-here span, div.sidemenucontainer ul li.level1-onpath ul li a.level4-here span, div.sidemenucontainer ul li.level1-onpath ul li a.level5-here span { font-weight: bold !important; } h1#logo { position: relative; float: left; text-indent: -9999px; display: block; overflow: hidden; width: 190px; height: 41px; margin: 0; padding: 28px 0 0 0; background: transparent url(./logo.png) no-repeat bottom left; _top: 28px !important; _position: absolute; _background: none !important; _filter: progid:dximagetransform.microsoft.alphaimageloader(src='./logo.png', sizingmethod='crop') } h1#logo a { width: 100%; height: 100%; display: block; } div#header div#wizhelpmenu { font: 11px Arial, Helvetica, Verdana, Sans-serif; color: #646464; right: auto; left: 220px; bottom: auto; top: 43px; } div#wizhelpmenu span a { color: #fff !important; text-decoration: none !important; padding: 0 10px 0 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 0 !important; } div#wizhelpmenu span a:hover { text-decoration: underline !important; } #SearchPageForm { background: transparent url(./haku.gif) no-repeat scroll left top; display: block; float: right; margin: 8px 8px 0 0; width: 155px; _margin: 8px 29px 0 0; } #SearchPageForm input.q { border: 0; background: #fff url(./searchbg.gif) no-repeat; float: left; display: block; padding: 5px 10px 5px 10px; margin: 0; width: 85px } #SearchPageForm input:focus { outline: none; background: #def0da none; } #SearchPageForm input.go { border: 0; font: 12px Arial, Helvetica, Verdana, Sans-serif; font-weight: bold; color: #fff; text-transform: uppercase; overflow: hidden; float: right; display: block; width: 50px; height: 25px; padding: 5px 7px 5px 7px; cursor: pointer; background: transparent url(./button.gif) repeat-x; } #SearchPageForm input.go:hover { background: #3a6331 none; } div#trigger { display: none; width: 128px; margin: 0; padding: 0; position: absolute; right: 178px; top: 8px; _right: 198px; } p#language_trigger { width: 93px; height: 26px; padding: 0; margin: 0 0 0 0; cursor: pointer; display: block; background: url(./language.gif) no-repeat bottom left; outline: none; text-indent: -9999px; } p#language_trigger:hover { opacity: 0.7 !important; filter: alpha(opacity=75); cursor: pointer; } div#language { width: 156px; background-color: #e7f3df; border: 1px solid #3f7134; display: none; color: #6e6e6e; margin: 0; position: absolute; left: 0; z-index: 20; padding: 10px 0 10px 0; } div#language a { color: #6e6e6e; font: 11px Arial, Helvetica, Verdana, Sans-serif; display: block; width: 142px; text-transform: uppercase; padding: 11px 0 10px 14px; text-decoration: none !important; } div#language a:hover { color: #fff !important; background: #3f7134; } div#language a.selected { color: #fff !important; background: #97b68d; } div#language.show { display: block; } div#language ul { margin: 0; padding: 0; list-style: none; } div#language li { float: left; padding: 0; margin: 0; display: block; } div#language-accessible { float: right; margin-top: 57px; display: block; margin-right: 30px; } div#language-accessible a { color: #fff; text-decoration: none; font-size: 11px; text-transform: uppercase; font-weight: bold; } a#printButton { display: block; width: 16px; height: 16px; margin: 0; padding: 0; position: absolute; right: 179px; _right: 199px; top: 12px; text-indent: -9999px; overflow: hidden; background: transparent url(./print.gif) no-repeat; } div#footer, div#push { height: 40px; } div#footer { padding: 20px 0 20px 0; width: 100%; background: #444444; } div#footer .wrapper ul { margin: 0; padding: 0; } div#footer .wrapper ul li { margin: 12px 17px 0 0; padding: 0; display: block; float: left; } div#footer .wrapper ul li a, div#footer .wrapper ul li a:visited { color: #ddd !important; text-decoration: none !important; } div#footer .wrapper ul li a:hover { color: #fff !important; } div#footer div.row2 { display: none !important; } div#footer div.contactinfo { float: right; padding: 15px 20px 15px 20px; display: block; width: 256px; background: #4f4f4f; border-top: 0; border-left: 0; border-right: 1px solid #646464; border-bottom: 1px solid #646464; } div#footer div.contactinfolang { width: auto !important; } div#footer div.contactinfo span, div#footer div.contactinfo span a { color: #c6c6c6 !important; text-decoration: none !important; font-size: 11px; text-transform: uppercase; } div#footer div.contactinfo span { float: left; display: block; } div#footer div.contactinfo a.contact { display: block; float: right; color: #439bcf; font-size: 11px; } div#footer div.contactinfo a.contact:hover { text-decoration: none !important; color: #50beff; } div.navpathcontainer { margin: 0 0 30px 0; border-bottom: 1px solid #dfdfdf; padding: 0 0 6px 0; } div.navpathcontainer span a { color: #439bcf; font-size: 11px; text-decoration: none; } div.navpathcontainer span.navpath-separator { color: #8c8c8c !important; margin: 0 7px 0 7px; } div.navpathcontainer span.navpath-title-here { color: #444444; font-size: 11px; } div.app1 td.poll_choice, div.app1 div.ingressi, div.app1 div.text { font-style: normal; } div.app1 td.poll_choice, div.app1 div.ingressi, div.app1 div.text { color: #333 !important; font-size: 12px; } h1, h2, h3, h4, p, div, span.footer, input, textarea, div.Hd div.text, label { font-size: 13px; } h2,h3,h4,h5 { margin: 20px 0 10px 0; } h1.pageTitle, h1 { font: 24px Helvetica, 'Helvetica Neue', Arial, Verdana, Sans-serif; font-weight: normal; letter-spacing: -1px !important; } h2, h4 { font: Helvetica, 'Helvetica Neue', Arial, Verdana, Sans-serif; font-weight: normal !important; color: #444444; } h2 { letter-spacing: -1px !important; font-size: 20px; font-weight: normal !important; } div.hd h2 { letter-spacing: 0 !important; } h4 { font-size: 14px; font-weight: bold !important; letter-spacing: 0 !important; } h3 { font: 16px Arial, Helvetica, Verdana, Sans-serif; font-style: italic; color: #333; font-weight: normal !important; margin-bottom: 14px; } div#content div#content-main p, div#content div#content-main div.content-container { font-size: 14px; line-height: 20px; color: #444; } div#zone-left div.token div.content-container h2, div#zone-right div.token div.content-container h2 { font-size: 16px; margin-bottom: 10px; } div#zone-left div.token div.content-container h3, div#zone-right div.token div.content-container h3 { font-size: 15px; margin-bottom: 10px; } div#zone-left div.token div.content-container h4, div#zone-right div.token div.content-container h4 { font-size: 14px; margin-bottom: 10px; } div#content div#content-main div.token-Content div.content-container li { color: #565656; margin: 0 0 5px 0; padding: 0; } div#content div#content-main div.token-Content div.content-container ul { margin: 0 0 20px 0; list-style-type: disc; list-style-position: inside; padding: 0; } div#content div#content-main div.token-Content div.content-container ol { margin: 0 0 20px 0; list-style-type: decimal; list-style-position: inside; padding: 0; } div#content div#content-main div.token-Content p { margin-bottom: 16px; } div#content div#content-main div.token-Content div.content-container ul ul, div#content div#content-main div.token-Content div.content-container ul ol, div#content div#content-main div.token-Content div.content-container ol ul, div#content div#content-main div.token-Content div.content-container ol ol { margin: 0 0 10px 10px; } div.token { margin-bottom: 20px; color: #565656 !important; background: #fff !important; } div.tmv3-drop-zone-end-holder { background: transparent !important; } div.app { border: 1px solid #d1d1d1; } div.app div.hd h2 { display: block; margin: -10px -40px 10px -15px; padding: 5px 20px 5px 10px; background: #444444; width: 100%; color: #fff; font-size: 11px; text-transform: uppercase; } div.app div.bd div.row { padding: 0 0 5px 0; background: transparent none !important; border-bottom: 1px solid #cfcfcf; } div.HighlightSummary div.bd div.row { background: transparent url(./wiz1/menu/arrow_black_50.png) no-repeat scroll 5px 6px !important; padding: 0 0 5px 15px !important; } div.app div.bd div.rowLast { border-bottom: none !important; } div.app div.bd div.row hr.clear { display: none; } div#zone-left div.token { margin: 0 23px 20px 0; width: 220px; } div#zone-left div.token-Content { border: 1px solid #d1d1d1; padding: 10px 15px; width: 188px; } div#zone-left, div#content-left { width: 244px !important; } div#content-middle div.divThemeImage { margin: 0 0 25px 0; } .token-Content .app7-bg, .token-Content .app8-bg, .token-Content .app9-bg, .token-Content .app7 div, .token-Content .app8 div, .token-Content .app9 div, .token-Content .app7 p, .token-Content .app8 p, .token-Content .app9 p, .token-Content .app7 h2, .token-Content .app8 h3, .token-Content .app9 h4 { padding: 0 !important; margin: 0 !important; } .token-Content .app7 h2, .token-Content .app8 h3, .token-Content .app9 h4, .token-Content .app7 h2 a, .token-Content .app8 h3 a, .token-Content .app9 h4 a { color: #727272; font: 18px Helvetica, 'Helvetica Neue', Arial, Verdana, Sans-serif; line-height: 20px; font-weight: normal !important; font-style: normal !important; letter-spacing: 0 !important; margin-bottom: 10px !important; text-shadow: 1px 1px #CCCCCC; text-decoration: none; } .token-Content .app8 h2, .token-Content .app8 h2 a, .token-Content .app8 h3, .token-Content .app8 h3 a, .token-Content .app8 h4, .token-Content .app8 h4 a { color: #c75728; } .token-Content .app9 h2, .token-Content .app9 h2 a, .token-Content .app9 h3, .token-Content .app9 h3 a, .token-Content .app9 h4, .token-Content .app9 h4 a { color: #5aa8c7; } .token-Content .app8 h3, .token-Content .app8 h3 a { color: #c75728; } .token-Content .app7 p, .token-Content .app8 p, .token-Content .app9 p { color: #646464; font: 12px Arial, Verdana, Helvetica, 'Helvetica Neue', Sans-serif; line-height: 15px !important; font-style: italic !important; } #zone-left .token-Content .app7 p, #zone-left .token-Content .app8 p, #zone-left .token-Content .app9 p, #zone-right .token-Content .app7 p, #zone-right .token-Content .app8 p, #zone-right .token-Content .app9 p { font: 11px Arial, Verdana, Helvetica, 'Helvetica Neue', Sans-serif !important; line-height: 12px !important; } .token-Content .app7, .token-Content .app8, .token-Content .app9 { padding: 22px 22px 22px 95px !important; background: transparent url(./bannerit/1.png) no-repeat 15px 15px; _background: transparent url(./bannerit/1.gif) no-repeat 15px 15px; border: 1px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .token-Content .app8 { background: transparent url(./bannerit/2.png) no-repeat 15px 15px; _background: transparent url(./bannerit/2.gif) no-repeat 15px 15px; } .token-Content .app9 { background: transparent url(./bannerit/3.png) no-repeat 15px 15px; _background: transparent url(./bannerit/3.gif) no-repeat 15px 15px; } #zone-right .token-Content .app7, #zone-right .token-Content .app8, #zone-right .token-Content .app9, #zone-left .token-Content .app7, #zone-left .token-Content .app8, #zone-left .token-Content .app9 { padding: 15px 22px 19px 18px !important; background: none !important; border: 1px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .token-Content .app7-bg, .token-Content .app8-bg, .token-Content .app9-bg { background: #f2f2f2 url(./bannerit/liuku.gif) repeat-x top left; border: 1px solid #d0d0d0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px rgba(255, 255, 255, 0.9); -moz-box-shadow: 1px 1px rgba(255, 255, 255, 0.9); box-shadow: 1px 1px rgba(255, 255, 255, 0.9); } .token-Content .app7-bg:hover, .token-Content .app8-bg:hover, .token-Content .app9-bg:hover { border: 1px solid #acacac; } div.as_huomiolaatikko { border: 1px solid #bbb; background-color: #eee; color: #333; text-shadow: 1px 1px 0 rgba(255,255,255, 0.7); margin-bottom: 15px; } table.rss_list { border-collapse: collapse; } .rss_list td { padding: 12px 0 14px; background: none repeat scroll 0 0 transparent !important; border-bottom: 1px solid #CFCFCF; } .rss_list td a { line-height: 20px; color: #676767 !important; font: bold 15px Arial,Helvetica,'Helvetica Neue',Verdana,Sans-serif; text-decoration: none !important; } .ui-tabs .ui-tabs-nav li a { font-size: 1.05em; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #aed05d none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #84be41 none;} .ui-widget-content { border: none; background: none; } .ui-widget-header { border: none; background: none; }