/**************************************** 1. Defaults 2. Paragraph & cell styles 3. Heading styles, typography, and link styles 4. Bottom margins 5. Navigation 6. Framework 7. Document types 7.1 News document 8. Content elements 8.1 News list 8.2 Highlight element 8.3 Two columns 8.4 Tables 8.5 Sitemap 8.6. Dark highlight 8.7 Dark round highlight 8.8 Luottolaskuri 8.9 Card table 8.10 Lift 8.11 Front lift big 8.12 Front lift medium 8.13 Front lift small 8.14 Shortcuts 9. Navigo specific rules 9.1 Navigo top tools 9.2 Navigo attachment 9.3 Forms 9.4 Search 10. Layout styles 10.1 Front page 11. Ie5.5 Hacks ******************************************/ /* 1. Defaults */ html, body { height:100% ; text-align: center;} body { background:#ddd url(img/bg_body.gif) 0 0 repeat-x fixed; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; font-size:12px; /*font-size:76%;*/} body#counter_popup, body.popup { background: #fff; } img, a img{border: 0;} div, p, img, dl, ul, ol, form, img, h1, h2, h3, h4, h5, span, label, hr, fieldset{margin: 0; padding: 0;} img.border{border: 1px solid #D4D6D1; } div.hr{ border:0; color: #fff; background: url(img/bg_functionBar.gif) 0 0 repeat-x; height: 15px; margin: 0; padding: 0;} select{font-family: Arial, sans-serif;} option{ padding: 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 2. Paragraph & cell styles */ .leftAlign { text-align:left ; } .rightAlign { text-align:right ; } .center { text-align:center ; } .justified { text-align:justify ; } p.links { margin-bottom:0 !important; } /* style for multiple links below each other */ .h {display: none;} .spacer {clear: both; height: 0px; overflow: hidden;} strong { } .u4-image-caption {text-align: center;} #right ul, #right ol {padding-left:15px;} .ohjausIndented {padding-left:20px; padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid black;} .ohjausIndented .ohjausIndented {border-bottom:0;} .ohjausIndented table {width:99%;} .ohjausIndented table td {width:49%;} .ohjausIndented div {padding-bottom:10px;} .ohjausIndented h4 {padding-bottom:2px; margin-bottom:2px;border-bottom:1px solid #ccc;} /* Increased line-height for links for touch screens. */ /*#middleP a { line-height:18px; }*/ #middleP p a, #middleP p li { line-height:18px; } #middleP .newsList p a { line-height:15px; } /* 3. Heading styles, typography, and link styles */ h1,h2,h3,h4,h5 {} h1 { font-size: 1.15em; margin-bottom: 1.45em; } h2 { font-size: 1.15em; font-weight:bold; margin-bottom: 1em; } h3 { font-size: 1.15em; font-weight:bold; margin-bottom:1em ; } h4 { font-size: 1.1em; font-weight:bold; margin-bottom:0.5em ;} h5 { font-size: 1em; font-weight:bold; margin-bottom:0.5em ;} /* Text element widths to improve readability and browsing with mobile device */ .view h1, .view h2, .view h3, .view h4, .view h5, .view h6, .view p { max-width:500px; } .view #middle ul, .view #middle ol { max-width:500px; } /* substract margin and padding */ .view #middle ul p, .view #middle ol p { display:inline; } /* fix for IE */ .highLight h3, .locationsHighLight h3 {color: #fff;} .highLight h3, .locationsHighLight h3, #siteBody, #topNavi a, #docNavi a{font-size: 1em;} #breadcrumb{/*font-size: 0.91em;*/ font-size:11px; } #breadcrumb a{color: #000;} #siteBody p{} #siteBody li p { } #supportNavi{/*font-size: 0.91em; font-family: Arial, sans-serif;*/} #searchBox{color: #2F7513; font-weight: bold;} .sbm{/*font-size: 0.91em; font-family: Arial, sans-serif; font-weight: bold;*/} #submit, #submit_en, #submit_sv, #ukkSubmit, #ukkSubmit_en, #ukkSubmit_sv, #submitLocationSearch, #submitLocationSearch_sv, #submitLocationSearch_en { margin: 0; padding: 0; border: 0; cursor: pointer; /* hand-shaped cursor */ /*cursor: hand;*/ /* for IE 5.x */} #submit, #submitLocationSearch, #submitLocationSearch_sv {width:56px; height:22px; color: white; font-weight: bold; line-height: 12px; background: url(img/bg_searchButton.gif) no-repeat top left; /*width: 49px; height: 22px; background: transparent url(img/sButton.gif) no-repeat center top;*/} #siteBody .locationSubmit {margin-left:5px;} #ukkSubmit { margin-left:85px; width: 49px; height: 22px; background: transparent url(img/sButton.gif) no-repeat center top;} #ukkSubmit_sv { margin-left:85px; float:right; width: 49px; height: 22px; background: transparent url(img/sButton_sv.gif) no-repeat center top;} #ukkSubmit_en { margin-left:75px; float:right; width: 59px; height: 22px; background: transparent url(img/sButton_en.gif) no-repeat center top;} #langNavi a, #langNavi{color: #000; /*font-size: 0.97em;*/ /*letter-spacing: 0.1em;*/} .navigo-attachment, .navigo-attachment a{font-weight: bold; color: #357515;} a { color: #357515; text-decoration:none; outline:none; } a:hover { color: #357515; text-decoration:underline; }/*316534*/ a.external {} a.noBackground {padding-right:0 !important; background:none !important;} #allNews { display:block; width:100%; margin-bottom:0.5em; text-align:right; } #allNews p { margin-bottom:0; } #allNews a { color:#357515 !important; font-weight:bold !important; } .readMore{color: #357515;} .highLight a{color: #357515; font-weight: bold;} #helplinks a{color: #000;} #siteBody a{font-weight: bold;} .darkHigh a, .darkHigh{color: #fff; } .darkHigh a{font-weight: bold;} .darkRound a:hover, .darkHigh a:hover{color: #ffffff;} select{/*font-size: 0.91em;*/} #search{} /* 4. Bottom margins*/ #frontTopL p{margin-bottom: 23px;} #frontTopL li p{margin-bottom: 6px;} #docNavi, .themePicture, #middle p, /*#right p,*/ div.highLight {margin-bottom: 23px;} .siteMap .highLight{margin-bottom: 0;} #middleP li p {margin-bottom:0;} #right .highLight, div.darkHigh, div.darkRound, select{margin-bottom: 9px;} #siteBody .highLight.front p{margin-bottom: 0; padding-bottom: 6px;} #right .highLight p, #frontTopR .highLight p{padding-bottom: 7px; margin-bottom: 0;} div.darkRound p, #right .darkHigh p{margin-bottom: 7px;} #siteBody .highLight.front.last p{padding-bottom: 7px;} #frontTop .highLight, #frontBottom .highLight{margin-bottom: 9px;} /* 5. Navigation */ ul.naviList { margin:0 ; padding:0 ; list-style:none ; } ul.naviList ul { list-style: none;} ul.naviList li{} ul.naviList li a{display: block; text-decoration: none;} ul.naviList.horiz li{float: left; display: inline;} ul.naviList.horiz li a{ float: left;} #langNavi{ position:absolute; top:4px; right:131px; } #langNavi ul{padding-left: 16px;} #langNavi a {color:#000;} #langNavi a:hover{text-decoration: underline;} #langNavi li{padding: 0 4px 0 0;} #supportNavi {color:#275c0e; position:absolute; top:34px; right:343px; font-size:13px;} #supportNavi ul{ /*padding: 0 16px 0 0; float: right;*/} #supportNavi a {color:#275c0e;} #supportNavi a.magnifyText {padding-left:20px; background: url(img/magnifyText.gif) center left no-repeat;} #supportNavi a:hover{text-decoration: underline;} #supportNavi li{padding-left:15px;} #supportNavi li a {} #supportNavi li span { font-weight: bold;} * html #topNavi {clear:both;} #topNavi .naviList{ /*margin-left: 1px;*/ } #topNaviSecond li {display: inline-block; margin:0 0 0 1px; background: url(img/bg_topNavi_tab.gif) 0 0 no-repeat;} #topNaviSecond li a { display:inline-block; height:25px; line-height:25px; margin:0; padding:0 9px 0 9px; background: url(img/bg_topNavi_tab.gif) right -25px no-repeat; font-weight: normal; color: #000; } #topNaviSecond li.act { background: url(img/bg_topNavi_tab_act.gif) 0 0 no-repeat;} #topNaviSecond li.act a { height:26px; line-height:26px; background: url(img/bg_topNavi_tab_act.gif) right -26px no-repeat; } #topNaviSecond li:hover a { text-decoration:underline; } #topNaviSecond li.beforeAct a:hover {background:#fff url(img/naviNearActive.gif) top right no-repeat;} #topNaviSecond li.afterAct a:hover {background:#fff url(img/naviNearActive.gif) top left no-repeat;} #docNavi {} #docNavi ul { margin: 0; padding: 0; } #docNavi li {margin-bottom: 2px; } #docNavi li ul{margin-top: 2px;} /* IE8 and below gets CSS2 styles in /stc/ie.css */ #docNavi li a { position:relative; text-decoration: none; color: #000; background:#f3f3f3 url(img/bg_leftNavi.gif) 0 0 repeat-x; padding: 5px 17px 5px 7px; border-radius:5px; border:1px solid #d4d4d4; } #docNavi li a, #docNavi li.act li a{font-weight: normal;} #docNavi li.act a, #docNavi li a.act, #docNavi li.act li.act a, #docNavi li a:hover, #docNavi li a.more, #docNavi li li a:hover { color:#fff; background:#5e9f2d url(img/bg_leftNavi_act.gif) 0 0 repeat-x; border:1px solid #97bc50;} #docNavi li.act li a, #docNavi li li a { margin-left:5px; color: #000; background:#e5e5e5 url(img/bg_leftNavi_sub.gif) 0 0 repeat-x; border:1px solid #d4d4d4; } #docNavi li .more{ position:absolute; right:0.4em; top:0.8em; display:block; width:6px; height:6px; margin:0; padding:0; background:transparent url(img/bg_leftNavi_arrow.gif) 0 -12px no-repeat; } #docNavi li.act .more, #docNavi li a.act .more, #docNavi li.act.open .more{ background:transparent url(img/bg_leftNavi_arrow.gif) 0 -6px no-repeat; } #docNavi li.open .more{ background:transparent url(img/bg_leftNavi_arrow.gif) 0 -18px no-repeat; } #docNavi li a:hover .more{ background:transparent url(img/bg_leftNavi_arrow.gif) 0 0 no-repeat; } #docNavi li.act a:hover .more, #docNavi li.act.open a:hover .more{ background:transparent url(img/bg_leftNavi_arrow.gif) 0 -6px no-repeat; } #docNavi li.open a:hover .more{ background:transparent url(img/bg_leftNavi_arrow.gif) 0 -6px no-repeat; } /* 6. Framework */ #site{ width: 948px; margin: 0 auto 0 auto; min-height: 100%; text-align: left; position: relative;} #banners{position:absolute; right:-160px; top:185px; width:150px; overflow:hidden; } * html #site { height:100%; background:#fff; } #top {height:88px; background: url(img/bg_top.png) top left no-repeat; position: relative; font-size:12px; } #top #interest {position:absolute; top:4px; left:15px; width:350px;} #top #interest span {} #top #interest span.first {padding-left:0;} #top #interest .interest2 {margin-left:25px;} #top div#fi_FI, #top div#en_GB {width: 182px; height: 51px; background:url(img/s-pankki-logo.gif) no-repeat top left; position:absolute; top:31px; left: 14px;} #top div#fi_FI a, #top div#en_GB a{display: block; width: 182px; height: 51px;} #top div#sv_SE {width: 201px; height: 51px; background:url(img/s-banken-logo.gif) no-repeat top left; position:absolute; top:31px; left: 14px;} #top div#sv_SE a {display: block; width: 201px; height: 51px;} #top div a span { display: none; } #searchBox { position: absolute; top:30px; right:121px; text-align: right;} #searchBox #search { float:left; width:135px; height:19px; background: url(img/bg_searchField_narrow.gif) no-repeat top left; border:0; padding:0; padding-top:4px; padding-left:4px;} #searchBox #submit { float:left; width:56px; height:20px; margin-left:10px; margin-top:1px; padding-bottom:2px; background: url(img/bg_searchButton.gif) no-repeat top left; } #searchBox #submit_sv { float:left; width:56px; height:20px; margin-left:10px; margin-top:1px; padding-bottom:2px; background: url(img/bg_searchButtonSv.gif) no-repeat top left; } #searchBox #submit_en { float:left; width:56px; height:20px; margin-left:10px; margin-top:1px; padding-bottom:2px; background: url(img/bg_searchButton.gif) no-repeat top left; } #topNavi {float:left; width:946px; height:56px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; background: #307314; color:#fffeff; display: block; font-weight:normal; font-size:13px; } #topNaviFirst {float:left; width:946px;height:31px; background:#f9f9fb;} #topNaviFirst ul {float:left; width:584px; height:25px; margin-top:6px;} #topNaviFirst li {height:19px; padding:6px 14px 0 11px; background:url(img/bg_topNaviFirstBorder.gif) no-repeat bottom right;} #topNaviFirst a {color:#275c0e;} #topNaviFirst a:hover {text-decoration:none;} #topNaviFirst a:hover span {text-decoration:underline; color:#275c0e;} #topNaviFirst .act {height:25px; padding:0; background:#f9f9fb url(img/bg_topNaviSelectedLeft.gif) no-repeat 6px 0;} #topNaviFirst .act a {margin-left:9px; padding:6px 10px 0 7px; height:19px; background:url(img/bg_topNaviSelectedRight.gif) no-repeat top right; color:#fff; font-size:13px; font-weight:bold;} #topNaviFirst .act a span {} #topNaviFirst .act a:hover span { color:#fff;} #topNaviFirst .beforeAct {margin-right:0; padding-right:6px; background:none;} #signIn { position:relative; top:-6px; float:right; width:191px; height:27px; margin-left:11px; background: #f9f9fb url(img/bg_signIn.gif) no-repeat top left;} #signIn a {display:block; width:174px; height:22px; padding-left:13px; padding-top:5px; font-size:13px; color:#000;} #signIn a:hover span { color:#000;} #signIn #lock {padding-right:7px;} #signIn span {padding-right:10px; background:url(img/bg_arrowLinkBlack.gif) 100% 50% no-repeat; cursor:pointer; } #topNaviSecond {float:left; width:946px; height:25px; padding-top:5px; background:#97bc50 url(img/bg_topNaviSecond.gif) bottom left repeat-x; border-bottom:1px solid #97bc50; } #breadcrumb { padding: 12px 0 16px 7px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; background:#fff; } #breadcrumb a {text-decoration: underline;} #breadcrumb a:hover {text-decoration: none;} #siteBodyWrapper { clear: both; float:left; width:948px; position:relative; background:#fff; } #siteBody {clear: both; float:left; width:936px; padding:0 5px 5px 5px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; } .columns { position:relative ; float:left ; } #left { width: 156px; } * html #left { overflow:hidden; } #middle { width:594px; } * html #middle { overflow:hidden; } #middleP{ padding: 0 26px 0 25px; } .functionBar { background: url(img/bg_functionBar.gif) 0 0 repeat-x; float: left; padding:12px 0 22px 0; width: 100%;} .functionBar .printLink{ float:left; margin-right:9px; } .functionBar .paging{float: left; width: 40%; text-align: center;} .functionBar .toTopLink{float: right; width: 16%; text-align: right; color:#336633;} .printLink a{padding-left: 19px; background: url(img/bg_printLink.gif) 0 0 no-repeat;} .toTopLink a{padding-right: 7px; background: url(img/bg_toTopLink.gif) 100% 50% no-repeat;} .toTopLink a#back{padding-right: 0; padding-left: 10px; background: url(img/bg_backLink.gif) 0 50% no-repeat;} /* SOME: Social media links - Addthis. Check IE styles from IE7.css and IE8.css */ .addthis_toolbox { float:left; background: url(img/border_dashed_vertical.gif) 0 0 repeat-y; } .addthis_toolbox a { margin-left:8px; } .addthis_toolbox a span { padding-right:8px; } .addthis_toolbox a:hover, .addthis_toolbox a:hover span { opacity:1; } #middle.wide { width:760px; } #middle.wide #middleP{padding: 0 0 0 25px;} #right { width: 185px; float:right; } * html .editMode #middle, * html .editMode #left, * html .editMode #right { overflow:hidden; } /** html .editMode #right { width: 193px;} * html .editMode #middle.wide { width: 760px;}*/ #footer {background:url(img/bg_footer.gif) 0 0 repeat-x; padding:12px 9px 10px 11px; float: left; width:928px;} #footLogo{float: left; width: 20%;} #helplinks{float: left; width: 60%; text-align: center;} #copyright{float: left; width: 19.9%; text-align: right;} /* 7. Document types*/ /* 7.1 news document */ .newsSummary { font-style:italic ; padding-bottom:20px;} /* 8. Content elements */ #middle ol li, #frontTopL ol li{margin-left: 30px;} #middle ul li, #frontTopL ul li{padding-left: 8px; margin-left: 22px;} #middle ul.ukkList {list-style-type:none;} #middle ul li.ukkItem{padding-left: 0; margin-left:0;} #middle ul li.ukkItem p{margin-bottom: 12px;} #middle #jumpToFaq {width:383px; height:97px; background:url(img/jumpToFaq.gif) top left no-repeat; } * html #middle #jumpToFaq {width:351px;} #middle #jumpToFaq .toFaqContainer {width: 100%; padding:24px 0 0 32px;} #middle #jumpToFaq .toFaqContainer .colRight {float:right; width: 48%; margin-left: 1%;} #middle #jumpToFaq .toFaqContainer .colLeft {float:left; width: 48%; margin-right: 1%;} #middle #jumpToFaq .toFaqContent {width: auto;} #middle #jumpToFaq .toFaqContainer p {margin-bottom:5px;} .line {background: url(img/bg_functionBar.gif) 0 0 repeat-x; float: left; width: 100%; line-height:1px; padding:0 0 10px 0; margin:0; height:1px;} .liftLine {background: url(img/bg_functionBar.gif) 0 0 repeat-x; float: left; width: 100%; line-height:1px; padding:0 ; margin: 0; height:1px;} .liftLine.manual {margin-top:13px;} /* 8.1 News list */ .newsList { position:relative; border:1px solid #cdcdcd; margin-bottom:15px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .corner { display:none; } /* Corners for IE8 and below */ .newsList .newsImage {float:right; /*margin-top:3px;*/ border-left:1px solid #cdcdcd;} #middle .newsList div.newsText {/*width:214px; float:right; */padding-bottom:10px;} #middle .newsList div.imgFound {width:295px; margin-right:248px; /*width:214px;*/ /*float:right;*/} .editMode #middle .newsList div.imgFound {width:305px; overflow:hidden;} #middle .newsList div.newsTitle {font-weight:bold; margin:12px 0 10px 12px;} #middle .newsList p {margin-bottom:10px;} #middle .newsList li {padding-bottom:12px;} /*.newsBlock, .newsList {padding-bottom:10px;}*/ .newsList div.bottom {height:1px; padding-top:12px; padding-bottom:12px; clear:both; background: url(img/bg_functionBar.gif) 0 50% repeat-x;} * html .newsList div.bottom {padding-top:12px; padding-bottom:12px; /*padding-bottom:5px;*/ line-height:1px;} /* 8.2 Highlight element */ .highLight {width:185px; padding-bottom:4px; background:url(img/bg_liftSmallBottom.gif) bottom left no-repeat;} .highLightTop {width:175px; height:auto; padding:6px 5px 6px 5px; /*background:#4b9a1d;*/ background:#5B8F22; color:#fff; font-weight:bold; font-size:13px;} .highLightTop h3 {margin-bottom:0;} .highLightTop a {color:#fff;} .highLightTop a:hover {text-decoration:none;} .highLightContent {width:173px; padding:12px 5px 0 5px; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; color:#000; font-weight:normal; line-height:15px; position:relative;} .highLightContent a {color:#357515; font-weight:bold !important;} .highLightContent a:hover {color:#357515; } .locationsHighLight { border: 0; background: #307614 url(img/bg_locationsHighlightTL.gif) 0 0 no-repeat; padding: 0; margin: 0;} .locationsHighLight h3 { background: url(img/bg_locationsHighlightTR.gif) top right no-repeat; padding: 7px 11px 5px 11px; margin-bottom: 0; overflow:hidden;} .locationsHighLight .content{background: #fff url(img/bg_highlightShad.gif) top left no-repeat; margin: 0;} .locationsHighLight .contentR{background: transparent url(img/bg_locationsHighlightDot.gif) top right repeat-y; margin: 0;} .locationsHighLight .contentL{background: transparent url(img/bg_locationsHighlightDot.gif) top left repeat-y;} .locationsHighLight .contentB{background: url(img/bg_locationsHighlightB.gif) bottom left repeat-x; padding:10px 6px 0 6px;} .locationsHighLight .contentB div {line-height:11px;} /* 8.3 Two columns */ .columnContainer {width: 100%;} .columnContainer .colRight {float:right; width: 48%; margin-left: 1%;} .columnContainer .colLeft {float:left; width: 48%; margin-right: 1%;} .columnContent {width: auto;} /* 8.4 Tables */ #siteBody table {border-collapse: collapse;} #siteBody table td {vertical-align: top; padding: 0.3em;} .u4-table-default, .u4-table-visible-borders, .u4-table-stripe, .u4-table-product-highlight {margin:0 0 10px 0} /*.u4-table-visible-borders td {border-top:1px solid #ddd ; background:#fff url(img/bg_table_borders_td.gif) repeat-x top left ; }*/ .u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even, .u4-table-visible-borders-header2, .u4-table-visible-borders-even {background:#f0eeef; /*background:#F7F5F6;*/} .u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd, .u4-table-visible-borders-odd {background:#ffffff} .u4-table-complete-header td, .u4-table-visible-borders-header td {background:#5B8F22; color: #fff; font-weight:bold; } .u4-table-complete td, .u4-table-visible-borders td {border:1px solid #d3cfc9;} /*gray borders for cells*/ #siteBody table td p {margin-bottom:5px;} td.u4-table-stripe-header {font-size:1.15em; font-weight:bold;} td.u4-table-complete-header {font-size:1.15em; font-weight:bold;} td.u4-table-visible-borders-header {font-size:1.15em; font-weight:bold;} table.u4-table-visible-borders {border:1px solid #4B9A1D; border-top:none;} table.u4-table-product-highlight {border:1px solid #307614; background:#F6FFE5;} /* 8.5 Sitemap */ .siteMap { width:630px ; } * html .siteMap { width:600px ; } .siteMap .highLight {width:290px;} .siteMap h3 a { color:#fff ; } .siteMap h3 a:hover { color:#fff ; } .siteMap ul li { list-style:disc ; } .siteMapDocumentLevel1 { padding:0.2em ; background: url(img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; } .depth0 { padding-left:5px ; background-position:0 center ; } .depth1 { padding-left:20px ; background-position:0 center ; } .depth2 { padding-left:35px ; background-position:15px center ; } .depth3 { padding-left:50px ; background-position:30px center ; } .depth4 { padding-left:65px ; background-position:45px center ; } .depth5 { padding-left:100px ; background-position:80px center ; } .siteMapFolderLevel2 a { background:url(img/siteMap/sitemap_subfolder.gif) 0 center no-repeat ; padding-left:20px ; } .siteMapFolderLevel3 a { background:url(img/siteMap/sitemap_subfolder.gif) 15px center no-repeat ; padding-left:35px ; } .siteMapFolderLevel4 a { background:url(img/siteMap/sitemap_subfolder.gif) 30px center no-repeat ; padding-left:50px ; } .siteMapFolderLevel5 a { background:url(img/siteMap/sitemap_subfolder.gif) 45px center no-repeat ; padding-left:65px ; } /* 8.6. Dark highlight*/ .darkHigh{background: #307614 url(img/darkHighT.gif) 0 0 no-repeat; overflow: hidden;} div.darkHighT{padding: 7px 11px 0 11px; overflow: hidden; height: 74px;} .darkHighC{padding: 4px 11px 0 11px; overflow: hidden !important;} .darkHighB{background:#307614 url(img/darkHighB.gif) bottom left no-repeat; overflow: hidden;} /* 8.7 Dark round highlight*/ .darkRound{background: #307614 url(img/bg_darkRoundTR.gif) top right no-repeat;} .darkRoundTL{background: url(img/bg_darkRoundTL.gif) top left no-repeat; padding: 6px 10px;} .darkRoundBR{background: url(img/bg_darkRoundBR.gif) bottom right no-repeat;} .darkRoundBL{background: url(img/bg_darkRoundBL.gif) bottom left no-repeat;} .darkRound a{color: #fff; font-weight: bold;} /* 8.8 Luottolaskuri */ #luottolaskuri {position:relative; z-index:1; color: black;} #luottolaskuri select {float:left;} #luotto1, #luotto2, #luotto3, #luotto4 {position:absolute; left:-190px; top:-33px; width:165px; height:210px; z-index:100; visibility: hidden; color: black; border: 1px solid #008601; background: #ffffff; padding:5px 0 5px 5px; } a.info {float:right;} p.leftInput {float:left; width:70%;} /* 8.9 Card table*/ .u4-table-card{border-collapse: collapse; border:0; margin: 0; padding: 0; text-align: center; } table.u4-table-card tr.u4-table-card-header2, table.u4-table-card tr.u4-table-card-even{background:#f0eeef; /*background: url(img/card_line1.gif) 0 0 repeat-x; margin: 0; padding: 0;*/} table.u4-table-card tr.u4-table-card-odd {background:#ffffff;} #siteBody .u4-table-card td{margin: 0; /*padding: 0 0 3px 0;*/ vertical-align: top; background: url(img/empty.gif) 50% 0 no-repeat;} #siteBody .u4-table-card td.u4-table-card-blank{background: none; /*padding:0.3em;*/} #siteBody .u4-table-card td.u4-table-card-selected{background: url(img/sele.gif) 50% 0 no-repeat;} #siteBody .u4-table-card td p{margin: 0; /*padding: 0 0 3px 0;*/ padding:0;} #cardTable tr{ margin: 0; padding: 0;} #siteBody tr.u4-table-card-header{background:#4B9A1D; color: #fff; font-weight:bold; font-size:1.15em; /*background: transparent;*/} #siteBody td.u4-table-card-header{/*background: transparent; margin:0; padding: 0;*/} #siteBody .cardLink{position: relative;} #siteBody .pop{padding-top: 14px; color: #000; text-decoration: none; position: absolute; z-index: 10; left: 160px; top: -26px; width: 227px; background: url(img/popTop.gif) 0 0 no-repeat; text-align: left;} #siteBody .popCont{background: url(img/popBot.gif) bottom left no-repeat; padding: 0 0 7px 0;} #siteBody .popMid{ background: url(img/popMid.gif) 0 0 repeat-y;} #siteBody .popHead{font-weight: bold; padding: 0 10px 11px 19px;} #siteBody .popP{font-weight: normal; padding: 0 10px 7px 19px;} #siteBody .cardLink.over .pop, #siteBody .cardLink.over .popCont, #siteBody .cardLink.over .popHead, #siteBody .cardLink.over .popMid, #siteBody .cardLink.over .popP{visibility: visible;} #siteBody .pop, #siteBody .popCont, #siteBody .popHead, #siteBody .popMid, #siteBody .popP{visibility: hidden;} #siteBody .cardLink:hover .pop, #siteBody .cardLink:hover .popCont, #siteBody .cardLink:hover .popHead, #siteBody .cardLink:hover .popMid, #siteBody .cardLink:hover .popP{visibility: visible; display: block;} td.card{width: 120px;} td.cardInfo{text-align: left; padding: 3px 10px 0 10px;} /* 8.10 Lift */ #siteBody .newsText img {padding-top:3px;} #siteBody .newsText p{ margin-bottom:10px;} /* 8.11 Front lift big */ .frontLiftBig {float:left; width:283px; height:260px;} .frontLiftBigFirst {margin-right:12px;} .frontLiftBigImage {width:281px; height:198px; border:1px solid #cdcdcd;} .frontLiftBigImage a {float:left;} /*IE6 fix*/ .frontLiftBigBottom {width:257px; height:44px; padding:11px 13px 0 13px; background:url(img/bg_liftBigBottom2.gif) bottom left no-repeat;} .frontLiftBigBottom p {margin-bottom:0 !important;} .frontLiftBigBottom h2, .frontLiftBigBottom h3, .frontLiftBigBottom h4, .frontLiftBigBottom h5 {margin-bottom:0 !important;} .frontLiftBigBottom a {margin:0; padding:0; font-size:12px;} /* 8.12 Front lift medium */ .frontLiftMedium {float:left; width:230px; height:175px; margin-right:10px;} .editMode .frontLiftMedium {margin-right:7px; overflow:hidden;} * html .editMode .frontLiftMedium {padding-bottom:12px;} .frontLiftMediumLast {margin-right:0 !important;} .frontLiftMediumImage {width:228px; height:118px !important; border:1px solid #cdcdcd;} .frontLiftMediumImage a {float:left;} /*IE6 fix*/ .frontLiftMediumBottom {width:212px; height:46px; padding:7px 9px 2px 9px; background:url(img/bg_liftMediumBottom2.gif) bottom left no-repeat;} .frontLiftMediumBottom p {display:block; margin-bottom:0 !important;} .frontLiftMediumBottom h2, .frontLiftMediumBottom h3, .frontLiftMediumBottom h4, .frontLiftMediumBottom h5 {margin-bottom:0 !important;} .frontLiftMediumBottom a {margin:0; padding:0; font-size:12px; display:inline;} .frontLiftMediumBottom div {background:none;} /* 8.13 Front lift small */ .frontLiftSmall {width:185px; height:212px; padding-bottom:4px; background:url(img/bg_liftSmallBottom.gif) bottom left no-repeat;} .frontLiftSmallTop {width:167px; height:15px; padding:6px 9px 6px 9px; background:#4b9a1d; color:#fff; font-weight:bold; font-size:13px;} .frontLiftSmallTop a {color:#fff;} .frontLiftSmallTop a:hover {text-decoration:none;} .frontLiftSmallContent {width:171px; height:173px; padding:12px 6px 0 6px; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; color:#000; font-weight:normal; line-height:15px; position:relative;} .frontLiftSmallContent .content {} .frontLiftSmallContent p {margin-bottom:10px;} .frontLiftSmallContent a {color:#000; font-weight:normal;} .frontLiftSmallContent a:hover {color:#000;} .frontLiftSmallContent #allNews {position:absolute; bottom:4px; right:11px; color:#357515; font-weight:bold; width:170px; height:14px;} .frontLiftSmallContent #allNews p {margin-bottom:0;} .frontLiftSmallContent #allNews a {color:#357515; font-weight:bold;} .roque {display:inline; width:8px;} /* 8.14 Shortcuts box and list */ #shortcutsBox {width:183px; height:25px; margin-bottom:12px; border:1px solid #cdcdcd; background:#e6ed2d; color:#000; font-size:13px;} #shortcutsBox a {display:inline-block; color:#000;} #shortcutsBox a:hover {text-decoration:none;} #shortcutsBox #shortcutsBoxOpen {display:block; width:174px; padding:5px 0 6px 9px;} #shortcutsBox #shortcutsBoxOpen.clicked {width:80px;} #shortcutsBox #shortcutsBoxOpen span {padding-right:10px; background:url(img/bg_arrowLinkBlackBold.gif) right 6px no-repeat;} #shortcutsBox #shortcutsBoxClose {display:none;} #shortcutsBox #shortcutsBoxClose.display {float:right; width:51px; padding:5px 22px 6px 9px; display:block; background:url(img/bg_close.gif) 65px 9px no-repeat; text-align:right;} #shortcutsList {display:none; width:449px; height:262px; position:absolute; top:26px; right:0; z-index:0; margin:0; } * html #shortcutsList {margin-bottom:-23px;} #shortcutsList.display {display:block; z-index:20;} #shortcutsList #relativeDiv {width:385px; height:222px; background:url(img/bg_shortcuts.png) 0 0 no-repeat; padding:20px 32px 20px 32px;} #shortcutsList ul {list-style:none;} #shortcutsList ul li {padding-left:10px; margin-bottom:9px; background:url(img/bg_shortcutDot.gif) left center no-repeat; position:relative;} #shortcutsList a {color:#000;} #shortcutsList .columnContainer .colRight {width: 44%; margin-left: 1%;} #shortcutsList .columnContainer .colLeft {float:left; width: 48%; margin-right: 1%;} /* 9. Navigo specific rules*/ /* 9.1 Navigo top tools */ table.u4-em-ie { border-collapse: collapse; } table.u4-em-ie td { font-size: 11px; padding: 2px; border: none; } table.u4-em-ie td.styleSelector-active { background: #efefef; border: none; cursor: pointer;} /* 9.2 Navigo attachment*/ div.navigo-attachment{vertical-align: middle;} div.navigo-attachment{vertical-align: middle;} a.navigo-attachment{ margin: 0 5px 0 0;} a.navigo-attachment.text{padding-bottom: 3px;} img.navigo-attachment-icon{margin: 0 5px 0 0; padding: 0;} /* 9.3 Forms*/ #siteBody .mainForm table td {vertical-align: top; padding: 0;} #middle .mainForm {position:relative;} #middle .mainForm p {margin-bottom: 0;} .formTip {width:200px; position:absolute; top:0; right:0; padding:10px; border: 1px solid #A5ACB2; } .formTip .formTipTitle {padding:0 0 10px 20px; font-weight:bold; background:url(img/formInfo.gif) 0 3px no-repeat;} .sbm{/*background: url(img/submit.gif) 0 0 no-repeat; border: 0; padding: 3px 5px 4px 5px; width: 39px; */text-align: center; margin: 0;} #middle div.formRow div.title {margin-bottom:5px; font-weight:bold;} #middle .mainForm div.formRow p {margin-bottom: 5px;} #middle .mainForm div.formRow p.textarea {float:left;padding-right:10px; background:url(img/star.gif) right top no-repeat;} /*#middle .mainForm div.formRow p.textarea span.star {position:absolute; top:0; left:352px; height:16px; width:12px; background:url(img/star.gif) left top no-repeat;}*/ #middle div.formRow div.selectField {float:left; padding-right:10px; background:url(img/star.gif) right top no-repeat;} #middle div.formRow select {width:215px;} .textInputField {border: 1px solid #A5ACB2; margin: 0 0 2px 0; padding: 0; } #reset, #reset_en, #reset_sv, #send, #send_en, #send_sv { float:left; margin: 0; padding: 0; border: 0; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ /*cursor: hand;*/ /* for IE 5.x */font-size:1px;} #reset { width: 70px; height: 22px; background: transparent url(img/empty_fi.gif) no-repeat center top;} #reset_sv { width: 70px; height: 22px; background: transparent url(img/empty_sv.gif) no-repeat center top;} #reset_en { width: 70px; height: 22px; background: transparent url(img/empty_en.gif) no-repeat center top;} #send { margin-left:20px; width: 70px; height: 22px; background: transparent url(img/send_fi.gif) no-repeat center top;} #send_sv { margin-left:20px; width: 70px; height: 22px; background: transparent url(img/send_sv.gif) no-repeat center top;} #send_en { margin-left:20px; width: 70px; height: 22px; background: transparent url(img/send_en.gif) no-repeat center top;} /*td.textInputTd, td.selectInputTd {width:150px;} td.selectInputTd {padding:20px;} */ /* 9.4 Search*/ /*#searchForm label{padding-right: 5px;}*/ /*#search{ border: 0; background: #fff url(img/bg_search.gif) 0 0 no-repeat; padding: 4px 5px 3px 5px; width: 177px; height: 16px; margin: 0 8px 0 3px; overflow: hidden;}*/ form#locationSearchForm select{width:173px; margin-left:5px;} #siteBody #locationSearchTabs { width:595px; background:url(img/tab_bottom.gif) left bottom repeat-x; } /*#siteBody #locationSearchTabs div.tab { float:left; width:130px; margin-right:2px; } #siteBody #locationSearchTabs div.tab div.tabTop {line-height:0; height:2px; background:url(img/tab_actLeft.gif) top left no-repeat;} #siteBody #locationSearchTabs div.tab div.tabTop span{float:right; height:2px; background:url(img/tab_actRight.gif) top right no-repeat;} #siteBody #locationSearchTabs div.tab.rest {border-bottom:1px solid #529D26; padding:10px 13px 10px 13px ;} #siteBody #locationSearchTabs a { text-align:center; display:block; border-right:1px solid #529D26; border-left:1px solid #529D26; text-decoration:none; padding:8px 13px 10px 13px ;}*/ #siteBody #tabnav { height: 27px; margin: 0; padding-left: 0; overflow:hidden; font-size:12px;} #siteBody #tabnav div.tab { float:left; margin: 0; padding: 0; display: inline; width:120px; margin-right:2px; background:#4A9A1F;} #siteBody #tabnav div.tab.long {width:180px;} #siteBody #tabnav div.tab div.tabTop {line-height:0; height:2px; background:#4A9A1F url(img/tab_actLeft.gif) top left no-repeat;} #siteBody #tabnav div.active div.tabTop {line-height:0; height:2px; background:#fff url(img/tab_actLeft.gif) top left no-repeat;} #siteBody #tabnav div.tab div.tabTop span{float:right; height:2px; background:url(img/tab_actRight.gif) top right no-repeat;} #siteBody #tabnav a:link, #tabnav a:visited {text-align:center; display:block; border-left:1px solid #529D26; border-right:1px solid #529D26; padding:4px 0 6px 0; text-decoration: none; color: #fff;} #siteBody #tabnav .active a:link, #siteBody #tabnav .active a:visited { border-bottom: 1px solid #fff; background: #fff; color: #377514;} /*#siteBody #tabnav a:hover { background: #fff; color: #377514;}*/ /*#tabs {width:596px; border-bottom:1px solid #529D26;} #tabs #searchTab {padding: 9px 14px; float:left; border-top:1px solid #529D26; border-right:1px solid #529D26; border-left:1px solid #529D26;}*/ #locationSearchDiv{ float:left; padding:10px 10px 0 10px; width:573px; background:#fff; border-left:1px solid #529D26; border-right:1px solid #529D26;} #locationSearchBottom{ float:left; height:16px; width:595px; background:#fff url(img/locationSearchBottom.gif) left bottom no-repeat; margin-bottom:20px; } #locationSearchResults { width:280px; margin-bottom:20px; } .locationSearchResultItem {float:left; width:100%; background: url(img/bg_functionBar.gif) left bottom repeat-x; padding:10px 0;} .noBorder {background: none;} .locationInfo {float:left; width:130px; } #siteBody .locationInfo p.infoRow, #siteBody #locationDetails p.infoRow {margin-bottom:10px;} .openHours {float:right; } #locationDetails #locationDetailsText {width:384px; float:left; padding-right:13px;} #locationDetails #locationDetailsImg {width:200px; float:left;} #locationDetails dl {width:180px;} .openHours dl {width:130px;} #locationDetails dt, #locationDetails dd, .openHours dt, .openHours dd {float:left; padding:0; margin:0;} #locationDetails dt, .openHours dt {width:60px;} #locationDetails dd, .openHours dd {width:119px;} .openHours dt {width:50px;} .openHours dd {width:79px;} #locationDetails #smallPagination {padding:10px 0;} /* 10. Layout styles*/ /* 10.1 Front page */ #frontTop{float:left; width:100%; } #frontTopL{width: 720px; float: left;} #frontTopR{width: 216px; float: right; overflow: hidden; display: inline;} /*#frontImg{float:left; width:250px; padding-bottom:20px;} #frontContent{float:left; width:319px;}*/ * html .editMode #frontTopL {overflow: hidden;} #frontBottom{float:left; /*clear: both;*/ width:100%; /*margin-bottom:5px;*/} .frontMediumLifts {float:left; width:100%; padding-bottom:15px;} #bottomAds {} #bottomAds #adLeft {float:left; width:385px; /*height:60px;*/ font-size:0.001em;} #bottomAds #adRight {float:right; width:385px; /*height:60px;*/ font-size:0.001em;} .editMode #bottomAds #adLeft {font-size:1em;} .editMode #bottomAds #adRight {font-size:1em;} #frontTop select, #frontBottom select{width: 173px;} #topImg {margin-bottom:17px;} /* Counter */ #counter1, #counter2, #counter3{ clear:both; margin-top:-10px; /* lifted up, as p-tag has 23px margin-bottom */} #result1{ display:none;} #result2{ display:none;} #result3{ display:none;} .counter_dl{width:339px;} .counter_dl dt {width:200px;float:left;padding: 0 0 10px 0; margin: 0;} .counter_dl dd {width:115px;float:left;padding: 0 0 0px 0; margin: 0; position: relative;} .counter_radiobutton_labelB{width:200px !important;} .results_title {float:left; padding:0 0 5px 0; margin-bottom:10px;} dl.results, dl.counter_dl {width:339px; padding-left:35px;} dl.results dt, dl.results dd {float:left;padding: 5px 0 ; margin: 0; background:transparent url(img/bg_functionBar.gif) bottom left repeat-x;} dl.results dt {width:200px; font-weight:bold;} dl.results dd {width:105px;} dl.results dt.indent{ margin:0; padding-left:30px; font-weight:normal;width:170px; } dl.results td {width:105px;} dl.results dt.noBorder, dl.results dd.noBorder {background:none;} .months { position:relative; margin-bottom:10px; } .month { display:inline-block; width:12.5%; } .indent { margin-left:10px; margin-bottom:7px; display:block; } .relative { position:relative; } .info-text { } .button { float:right; display:inline; width:81px; height:20px; margin-bottom:1em; padding-bottom:3px; margin-right:10px; border:none; background:url(img/bg_button.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-family:Arial,sans-serif; } .textfield { width:339px; height:18px; padding:3px; border:0; background:url(img/input-text-fields.gif) 0 0 no-repeat; } .textfield-l { width:274px; background-position:0 -24px; } .textfield-m { width:204px; background-position:0 -48px; } .textfield-s { width:134px; background-position:0 -72px; } .textfield-xs { width:42px; height:18px; padding:3px; border:0; background:url(img/slider_amount.gif) 0 0 no-repeat; } .textfield-xs.error { background-position:0 -24px; } .label { float:left; width:120px; line-height:24px; } /*.counter input { margin-bottom:7px; }*/ .counter p { max-width:650px; } .errorContainer { position:relative; } .errorDialog { display:none; position:absolute; left:0px; top:-55px; width:335px; height:50px; background:url(img/slider_error_red.gif) 0 0 no-repeat; font-size:1.1em; } .errorDialog .inner { padding:10px 10px 0 10px; } /*counter common*/ .counter_textbox1{width:59px;padding: 0; margin: 0 0 0 0;} /*.counter_picture_div1{ margin: 0 0 0 0; width: 0; right: 27px; top: 0; position: absolute;}*/ .counter_picture_div{ /*position: relative;*/ display:inline; width:15px; margin:0 0 0 2px; width:0; } /** html .counter_picture_div1, * html .counter_picture_div2, * html .counter_picture_div3{ right: 10px;}*/ .counter_picture_div2{ margin: 0 0 0 0; width: 0; right: 27px; top: 0; position: absolute;} .counter_picture_div3{ margin: 0 0 0 0; width: 0; right: 27px; top: 0; position: absolute;} .counter_picture_link{border:none; margin: 0; outline:none;} .counter_picture_link2{border:none; margin: 0;} .counter_picture{border:none;} .counter_radiobuttonA{float:left;} .counter_radiobutton_labelA{float:left;} .counter_menuA1{width:50px;padding: 0; margin: 0 0 15px 0;} .counter_menuA2{width:50px;padding: 0; margin: 0 0 15px 0;} .counter_radiobuttonB{float:left;} .counter_radiobutton_labelB{float:left;} .counter_menuB{width:80px; padding: 0; margin: 0 0 13px 0;} .counter_menuD{width:80px; padding: 0; margin: 0 0 7px 0;} .counter_menuE{width:80px; } .counter_radiobuttonC{float:left;} .counter_radiobutton_labelC{float:left;} .counter_textboxC{width:87px;padding: 0; margin: 0 0 0 0;} .counter_send { margin-left:30px !important; width: 70px; height: 22px; background: transparent url(img/count_fi.gif) no-repeat center top;} .counter_send_sv { margin-left:30px !important; width: 70px; height: 22px; background: transparent url(img/count_sv.gif) no-repeat center top;} .counter_send_en { margin-left:30px !important; width: 70px; height: 22px; background: transparent url(img/send_en.gif) no-repeat center top;} .counter_reset {margin-left:20px !important; width: 70px; height: 22px; background: transparent url(img/empty__fi.gif) no-repeat center top;} .counter_reset_sv {margin-left:20px !important; width: 70px; height: 22px; background: transparent url(img/empty_sv.gif) no-repeat center top;} .counter_reset_en {margin-left:20px !important; width: 70px; height: 22px; background: transparent url(img/empty_en.gif) no-repeat center top;} .counter_error_message{ width:304px; float:left; border: 1px solid red; background-color:#eeaeae; margin:5px 0 15px 0; padding: 10px 5px; display:none; } .counter_error_picture{float:left;} /*.counter_error_text{float:left; padding-left:20px; background: url(img/error_info.png) no-repeat top left;}*/ #counter1_textboxC{float: left; margin: 0 3px 30px 0;} #counter1_error_message, #counter2_error_message, #counter3_error_message { width:400px; } /*result common*/ .counter_text{float:left; padding:10px 0 0 35px; width:300px; /*font-size:0.9em*/} .counter_table{ float:left; background-color:white; width:380px; padding: 0; margin:0; } .counter_table td {border:1px solid #C2C2C2; text-align:right; padding: 0.3em 0.25em !important; margin:0; } .counter_table .odd td {background: #e3e3e3;} .counter_table .th td {background: #eaeaea url(img/bg_th.gif) 0 0 repeat-x; text-align: center;} .counter_td_extra {border-right:0px solid gray; text-align:right; } .counter_printlink{ width:339px; float:left; margin-top:10px; padding:10px 0;} .printLink a, .printLink2 a { background:url(img/bg_printLink.gif) no-repeat; padding-left:19px; width:100%; } .functionBar2 { background:transparent url(img/bg_functionBar.gif) repeat-x scroll 0 50%; float:left; padding: 20px 0px; /* 0px 0px 1px; /*1px 0pt 0pt;*/ margin: 0px 0px 0px 0px; width:100%; } #dhtmltooltip{ text-align:left; position: absolute; border: 1px solid #53646E; padding: 2px; background-color: #F2FAFD; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); Piilotin tämän vain IE:ssä toimivan varjon -Juha- (18.1.2006)*/ } /* Revised tooltop */ .tooltip{ width:240px; text-align:left; position: absolute; bottom:22px; left:0; border: 1px solid #bec5c7; padding: 10px; background-color: #F2FAFD; z-index: 100; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* Increased the size of close button for touch screens. */ .tooltip_close { display:block; position:absolute; top:-20px; right:-20px; width:40px; height:40px; background:url(img/close-btn.png) center center no-repeat; cursor:pointer; } #middle .tooltip p { margin:0; } #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } /* 11. Ie5.5 Hacks */ @media tty { i{content:"\";/*" "*/}} @import '/stc/ie55.css'; /*";} }/* */ .benefit{ height: 100%;} /* counter styles starts */ .benefit_counter{ margin-top:10px;height:auto; width:384px;} .benefit_counter_header{font-weight:bold;} .benefit_counter_div{height:auto; width:384px; margin-top:10px;} .benefit_counter_div div{ padding:0 0 2px 0; margin-left:25px;} .benefit_counter_div img{ border:none; } .benefit_counter_result img{ border:none; } .benefit_counter_textbox{width:100px;} .benefit_counter_menu_bonus{width:125px; margin:0; padding:0; height:20px;} .benefit_counter_menu_bonus_div{padding-bottom:10px !important;} .benefit_counter_checkbox{padding-bottom:10px !important;} .benefit_counter_checkbox_text{} .benefit_counter_menu_other{width:125px; margin:0; padding:0; height:20px;} .benefit_counter_menu_other_div{padding-bottom:10px !important;} .benefit_counter_othertext{padding-left:5px;} #benefit_counter_header_other{/*width:64px; float:left;*/ display:inline;} #benefit_counter_infopicture1{ margin-left:3px; /*padding-top:4px;*/} #benefit_counter_infopicture2{padding-top:4px;} #benefit_counter_infopicture3{margin:0 !important; padding:2px 0 0 0 !important; } .benefit_counter_menu_store_div{ margin-left:25px !important; padding:0 !important; float:left; display:inline;} .benefit_counter_menu_store{width:125px; margin:0; padding:0; height:20px;} .benefit_counter_menu_store_infolink{float:left; width:10px; height:10px; margin:0 !important; padding:0 0 0 5px !important; } .benefit_counter_infolink:hover{ text-decoration:none;} /* counter styles ends */ /* benefit counter buttons starts */ .benefit_counter_count { width: 61px; height: 22px; background: transparent url(img/count_fi.gif) no-repeat center top;} .benefit_counter_count_sv { width: 61px; height: 22px; background: transparent url(img/count_sv.gif) no-repeat center top;} .benefit_counter_count_en { width: 61px; height: 22px; background: transparent url(img/send_en.gif) no-repeat center top;} .benefit_counter_reset {margin-left:20px !important; width: 70px; height: 22px; background: transparent url(img/empty_fi.gif) no-repeat center top;} .benefit_counter_reset_sv {margin-left:20px !important; width: 70px; height: 22px; background: transparent url(img/empty_sv.gif) no-repeat center top;} .benefit_counter_reset_en {margin-left:20px !important; width: 70px; height: 22px; background: transparent url(img/empty_en.gif) no-repeat center top;} .benefit_counter_count, .benefit_counter_count_sv, .benefit_counter_count_en, .benefit_counter_reset, .benefit_counter_reset_sv, .benefit_counter_reset_en { float:left; margin: 0; padding: 0; border: 0; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ /*cursor: hand;*/ /* for IE 5.x */font-size:1px;} /* benefit counter buttons ends */ /*overflow: hidden;*/ /* layout dotted lines */ #benefit_fucntionBar1{ height:20px; width:384px;background:transparent url(img/bg_functionBar.gif) bottom left repeat-x;} #benefit_fucntionBar2{ padding:0 0 0 0 ; height:30px;width:384px;background:transparent url(img/bg_functionBar.gif) top left repeat-x;} #benefit_fucntionBar3{ height:30px; width:384px;background:transparent url(img/bg_functionBar.gif) 0 20px repeat-x;} #benefit_fucntionBar4{ width:200px;background:transparent url(img/bg_functionBar2.gif) 20px 18px no-repeat;} #benefit_fucntionBar5{ background:transparent url(img/bg_functionBar2.gif) 0 18px no-repeat;} #benefit_fucntionBar6{ width:200px;background:transparent url(img/bg_functionBar2.gif) 20px 34px no-repeat;} #benefit_fucntionBar7{ background:transparent url(img/bg_functionBar2.gif) 0 34px no-repeat;} #benefit_counter_result{ display:none; margin-top:20px;} #benefit_counter_result dl{ margin: 0; width:384px;} #benefit_counter_result dt { height:18px;width:190px;float:left;padding: 2px 0 2px 25px; margin: 0; overflow:hidden; } #benefit_counter_result dd {height:18px; width:115px;float:left;padding: 2px 0 2px 0; margin: 0; overflow:hidden; } .inner_padding{height: 0; width:100px;float:left;padding: 0 0 10px 25px !important; margin: 0;} #benefit_counter_result_infopicture4{ float:right;} #benefit_counter_result_infopicture5{ float:right;} #benefit_counter_result_infopicture6{ float:right;} #benefit_counter_result_infopicture7{ float:right;} .benefit_counter_result_bold{font-weight:bold;} .benefit_counter_table_div{display:none;} .benefit_counter_table{font-size:100% !important; margin:10px 0 0 0; border-collapse:collapse; border:none; float:left; background-color:white; width:380px; } .benefit_counter_table tr {border:none; } .benefit_counter_table td {border:none; text-align:right; margin:0; padding:2px !important;} .benefit_counter_table .odd td {border:none;background: #e3e3e3;} .benefit_counter_table_th {padding:2px !important; border:none;background: #eaeaea url(img/bg_th.gif) 0 0 repeat-x; text-align: right;} .benefit_counter_table_th td{padding:2px !important;} .benefit_counter_table_left_col{text-align:left !important;} .benefit_counter_result_referencetext{float:left; padding-top:10px;} .benefit_counter_table_odd td {background: #e3e3e3;} .extras{ width:230px !important; font-weight:normal;} /* Benefit Counter */ p.gray { color:#4c4c4c; font-size:0.9em; } .functionLinks { float:right; width:330px; } .functionLinks a.print { float:left; width:150px; padding-left:19px; background:url(img/bg_printLink.gif) no-repeat; } .functionLinks a { float:right; width:150px; } .floatRight { float:right !important; } /* 3 column element */ .columns-3 { width:100%; } .columns-3 .column { float:left; width:32%; } .columns-3 .col-2 { margin:0 2%; } #middle #tabContainer p, #popup p { margin-bottom:15px; } #tabContainer { margin-bottom:25px; } #tabContainer .tabContent { clear:both; padding:17px 16px 17px 17px; width:700px; border-left:1px solid #5B8F22; border-right:1px solid #5B8F22; } div.borderDashed { clear:both; width:100%; margin:10px 0; background:url(img/border_dashed.gif) left bottom repeat-x; line-height:1px; font-size:1px; } #tabContainer #tabs { width:100%; height:26px; /*border-bottom:1px solid #4a9a1f;*/ } #tabContainer #tabs ul.naviList { float:left; width:100%; background:url(img/bg_tabBorder.gif) left bottom repeat-x; } #tabContainer #tabs ul.naviList li { margin:0 2px 0 0; padding:0; } #tabContainer #tabs ul.naviList li span { display:block; padding:6px 10px; background:url(img/bg_tabRight.gif) right top no-repeat; color:#fff; } #tabContainer #tabs ul.naviList li a { background:#5B8F22 url(img/bg_tabLeft.gif) left top no-repeat; } #tabContainer #tabs ul.naviList li.selected span { display:block; padding:6px 10px; background:url(img/bg_tabSelRight.gif) right top no-repeat; color:#357515; } #tabContainer #tabs ul.naviList li.selected a { background:#fff url(img/bg_tabSelLeft.gif) left top no-repeat; } #tabContainer #tabs ul.naviList li a:hover { text-decoration:none; } #tabContainer .bl { background:url(img/bg_tabsBL.gif) left bottom no-repeat; } #tabContainer .br { width:100%; background:url(img/bg_tabsBR.gif) right bottom no-repeat; } /* Sliders */ .sliderNums { position: relative; height:16px; width:218px; font-size:0.9em; display:none; } .sliderNums .num0 { position:absolute; left:5px; } .sliderNums .num1 { position:absolute; left:29px; } .sliderNums .num2 { position:absolute; left:57px; } .sliderNums .num3 { position:absolute; left:88px; } .sliderNums .num4 { position:absolute; left:119px; } .sliderNums .num5 { position:absolute; left:150px; } .sliderNums .num6 { position:absolute; left:181px; } .ui-slider { position: relative; width:218px; margin-left:6px; height:20px; margin-bottom:1em; text-align: left; background:url(img/slider_bg2.gif) 0 0 no-repeat; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:24px; height:24px; cursor: default; background:url(img/slider_knob.png) 0 0 no-repeat; } * html .ui-slider .ui-slider-handle { background:url(img/slider_knob.gif) 0 0 no-repeat; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-handle span { position:absolute; left:-14px; top:-25px; height:20px; /*width:auto;*/ width:50px; line-height:20px; white-space:nowrap; padding:0 5px; background:#4b9a1d; /*border:1px solid #ccc;*/ color:#fff; font-weight:normal; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* Tooltip */ .ui-slider-handle:hover { text-decoration:none; } .ui-slider-horizontal .ui-slider-handle { top: -1px; margin-left:-12px; /*margin-left: -.6em;*/ } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-progress { position:absolute; top:0; left:4px; height:18px; width:0; background:url(img/slider_progress.gif) repeat-x; } .amount-holder { float:right; } .amount-holder input { width:42px; height:18px; padding:3px; border:0; background:url(img/slider_amount.gif) 0 0 no-repeat; } .amount-holder input.error { background-position:0 -24px; } .amount-holder span { margin-left:4px; font-weight:bold; } select#market { width:213px; } /* Slider for creditCounter */ #counter3 .sliderNums, #loan_counter_holder .sliderNums { width:497px; } #counter3 .ui-slider { width:497px; background:url(img/slider_bg_wide.gif) 0 0 no-repeat; } #loan_counter_holder .ui-slider { width:497px; background:url(img/slider_bg_wide_11_steps.gif) 0 0 no-repeat; } #loan_counter_holder #loanAmount.steps-15 { width:497px; background:url(img/slider_bg_wide_15_steps.gif) 0 0 no-repeat; } #counter3 .amount-holder, #loan_counter_holder .amount-holder { display:inline; width:75px; margin-right:110px; } .sliderNums.creditCounter { position:relative; height:16px; width:497px; font-size:0.9em; display:none; } .sliderNums span { position:absolute; } .sliderNums.creditCounter .num0 { left:-5px; } .sliderNums.creditCounter .num1 { left:56px; } .sliderNums.creditCounter .num2 { left:118px; } .sliderNums.creditCounter .num3 { left:180px; } .sliderNums.creditCounter .num4 { left:242px; } .sliderNums.creditCounter .num5 { left:304px; } .sliderNums.creditCounter .num6 { left:366px; } .sliderNums.creditCounter .num7 { left:428px; } .sliderNums.creditCounter .num8 { left:486px; } /* Slider for Lainalaskuri: Luoton määrä */ .sliderNums.steps-15 { position:relative; height:16px; width:497px; font-size:0.9em; display:none; } .sliderNums.steps-15 .num0 { left:-5px; } .sliderNums.steps-15 .num1 { left:28px; } .sliderNums.steps-15 .num2 { left:60px; } .sliderNums.steps-15 .num3 { left:93px; } .sliderNums.steps-15 .num4 { left:126px; } .sliderNums.steps-15 .num5 { left:156px; } .sliderNums.steps-15 .num6 { left:190px; } .sliderNums.steps-15 .num7 { left:222px; } .sliderNums.steps-15 .num8 { left:255px; } .sliderNums.steps-15 .num9 { left:288px; } .sliderNums.steps-15 .num10 { left:321px; } .sliderNums.steps-15 .num11 { left:354px; } .sliderNums.steps-15 .num12 { left:387px; } .sliderNums.steps-15 .num13 { left:420px; } .sliderNums.steps-15 .num14 { left:453px; } .sliderNums.steps-15 .num15 { left:487px; } /* Slider for Lainalaskuri: Luoton määrä */ .sliderNums.steps-11 { position:relative; height:16px; width:497px; font-size:0.9em; display:none; } .sliderNums.steps-11 .num0 { left:0; } .sliderNums.steps-11 .num1 { left:45px; } .sliderNums.steps-11 .num2 { left:90px; } .sliderNums.steps-11 .num3 { left:135px; } .sliderNums.steps-11 .num4 { left:180px; } .sliderNums.steps-11 .num5 { left:225px; } .sliderNums.steps-11 .num6 { left:270px; } .sliderNums.steps-11 .num7 { left:315px; } .sliderNums.steps-11 .num8 { left:357px; } .sliderNums.steps-11 .num9 { left:402px; } .sliderNums.steps-11 .num10 { left:447px; } .sliderNums.steps-11 .num11 { left:490px; } /*.grayInner form { position:relative; clear:both; }*/ .sliderError { display:none; position:absolute; left:0px; top:-55px; width:335px; height:50px; background:url(img/slider_error_red.gif) 0 0 no-repeat; font-size:1.1em; } /*.sliderError { display:none; position:absolute; left:-7px; top:-55px; width:346px; height:62px; background:url(img/slider_error.png) 0 0 no-repeat; color:red; font-size:1.1em; } * html .sliderError { background:url(img/slider_error.gif) 0 0 no-repeat; }*/ .sliderError .inner { padding:10px 10px 0 10px; } #tabContainer input.btn { float:right; width:81px; height:20px; margin-bottom:1em; padding-bottom:3px; border:none; background:url(img/bg_button.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-family:Arial,sans-serif; } #calculator input.btn { margin-bottom:0; } #tabContainer input#send, #tabContainer input#reset { width:81px; height:20px; margin-bottom:1em; padding-bottom:3px; border:none; background:url(img/bg_button.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-family:Arial,sans-serif; text-indent:0; font-size:1em; } #tabContainer input#send { margin:0; } #tabContainer input#reset { float:left; margin-right:10px; margin-left:0;} input.btnWide { float:right; width:101px; height:20px; margin-bottom:1em; margin-left:1em; padding-bottom:3px; border:none; background:url(img/bg_buttonWide.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-family:Arial,sans-serif; } a.btnWide { cursor: pointer; float:right; width:101px; height:20px; margin-bottom:1em; margin-left:1em; padding-top:2px; border:none; background:url(img/bg_buttonWide.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-family:Arial,sans-serif; text-align:center; font-size:1.1em; } a.btnWide:hover { text-decoration:none; } #popup a.btn, #tabContainer a.btn { float:right; width:81px; height:18px; padding-top:2px; border:none; background:url(img/bg_button.gif) 0 0 no-repeat; color:#fff; text-align:center; font-weight:bold; } #popup a.btn:hover, #tabContainer a.btn:hover { text-decoration:none; } /* Gray highlight */ .grayBorderL { background:#f0f0f0 url(img/grayBorder.gif) 0 0 repeat-y; } .grayBorderR { background:url(img/grayBorder.gif) right top repeat-y; } .grayTL { margin-bottom:15px; background:url(img/grayTL.gif) 0 0 no-repeat; } .grayTR { background:url(img/grayTR.gif) right top no-repeat; } .grayBL { background:url(img/grayBL.gif) left bottom no-repeat; } .grayBR { width:100%; background:url(img/grayBR.gif) right bottom no-repeat; } .columns-3 .grayBR { width:auto; display:inline-block; } .grayBR .grayInner { padding:10px 8px 10px 10px; } /* Highlight gray top */ .hl { margin-bottom:8px; width:100%;} .hl .top { padding:4px 5px 4px 6px; background:#f7f7f7; border:1px solid #cdcdcd; } .hl .top h3 { margin:0; color:#000; } .hl .topR { /*padding:7px 5px 2px 12px;*/ padding:7px 5px 2px 6px; /* background:url(img/hl_topR.gif) right top no-repeat;*/ } .hl .content { background:url(img/hl_content.gif) left bottom no-repeat; } .hl .contentR { /*padding:9px 6px 3px 6px;*/ padding:3px 6px 1px 6px; background:url(img/hl_contentR.gif) right bottom no-repeat; } /*.hl { margin-bottom:8px; width:100%;} .hl .top { background:url(img/hl_top.gif) 0 0 no-repeat; } .hl .topR { padding:7px 5px 2px 6px; background:url(img/hl_topR.gif) right top no-repeat; } .hl .content { background:url(img/hl_content.gif) left bottom no-repeat; } .hl .contentR { padding:9px 6px 3px 6px; background:url(img/hl_contentR.gif) right bottom no-repeat; border-top:1px solid #cdcdcd; }*/ /* Highlight green top */ /*.green { margin-bottom:8px; } .green .top { padding:4px 5px 4px 6px; background:#4a9a1f; color:#fff; } .green .top h3 { margin:0; } .green .topR { padding:0; background:none; } .green .contentR { border-top:0; }*/ /* Highlight yellow top */ /*.yellow { margin-bottom:8px; } .yellow .top { padding:4px 5px 4px 6px; background:#4a9a1f; color:#fff; border:1px solid #cdcdcd; background:#e6ed2d;} .yellow .top h3 { margin:0; color:#000; } .yellow .topR { padding:0; background:none; } .yellow .contentR { border-top:0; }*/ .hl .content p { padding-bottom:4px; } #frontTop .hl .content a { color:#000; font-weight:normal; } .view #frontTop .hl .content a { display:inline-block; margin-bottom:0.25em; } /* Highlight small image on left */ .highlightSmall { width:100%; margin-bottom:8px; background:url(img/hlSmall_TR.gif) right top no-repeat; border-left:1px solid #cdcdcd; } .highlightSmall .content { padding:1px 0; background:url(img/hlSmall_BR.gif) right bottom no-repeat; } .highlightSmall .content .image{ float:left; width:102px; border-right:1px solid #cdcdcd; margin-right:10px;} .highlightSmall .content .textContainer { margin:10px 5px 0 113px; } * html .highlightSmall .content .textContainer { display:inline-block; } #siteBody .highlightSmall .content p { margin:0 !important; } .infoBtn { float:right; position:relative; } .infoBtn a { display:inline-block; height:16px; width:16px; padding-left:10px; background:url(img/infoOnGray.gif) right top no-repeat; } .infoBtn a span { display:none; } .infoContainer { display:none; z-index:10; position:absolute; top:0px; right:18px; width:270px; padding:10px; background:#fff; border:1px solid #cdcdcd; } .columns-3 .column .grayBR { padding:10px 1px 5px 4px; } .columns-3 .column .description { margin:0 11px 5px 11px; } .description h2, .description h3, .description h4, .description h5, .description p { margin:0; } /* Current hightlighted */ #progress ul li.first { background:#cdcdcd url(img/progressLFirst.gif) no-repeat; } #progress ul li.first span { background:url(img/progressR.gif) right top no-repeat; } #progress ul li.last { background:#cdcdcd url(img/progressRLast.gif) right top no-repeat; } #progress ul li.selected span { color:#fff; } #progress ul li.selected { margin-left:-24px; padding-left:12px; background:#5b8f22 url(img/progressLAct.gif) no-repeat; } #progress ul li.firstSelected { margin:0; padding:0; background:#5b8f22 url(img/progressLActFirst.gif) no-repeat; } /* for IE6 */ #progress ul li.selected span { background:url(img/progressRAct.gif) right top no-repeat; } #progress ul li.selected.last span.lastSelected { background:url(img/progressRActLast.gif) right top no-repeat; } /* for IE6 */ #progress { clear:both; margin-bottom:1em; /*background:#cdcdcd url(img/progressLFirst.gif) 0 0 no-repeat;*/ } #progressR { width:100%; height:24px; /*background:url(img/progressR.gif) right top no-repeat;*/ } #progress ul li { margin:0; padding:0; background:#cdcdcd url(img/progressR.gif) right top no-repeat; } #progress ul li a { cursor:pointer; } #progress ul li a:hover { text-decoration:none; /* IE6 */ } #progress ul li span { float:left; padding:5px 46px 4px 36px; /* padding:5px 48px 4px 36px; */ color:#000; font-weight:bold; } .sv_SE #progress ul li span { padding:5px 45px 4px 32px; } /* Cards */ /* Mobile optimized */ .recommended { margin:6px 0 3px 0; } .recommended span { display:none; font-weight:bold; } #middle .recommended ul li { display:none; margin:0; padding:0; list-style:none; } /* Old style .recommended { float:right; width:432px; } .recommended ul { float:right; list-style:none; margin:0; padding:0; } #middle .recommended ul li { display:none; margin:0 0 4px 0; padding:4px 0 0 17px; width:306px; height:20px; background:url(img/bg_cardGray.gif) 0 0 no-repeat; color:#000; } .recommended span { display:none; float:left; width:100px; margin-top:0.4em; text-align:right; }*/ .radioHolder { width:233px; height:24px; margin-bottom:4px; background:url(img/bg_radiobtn.gif) 0 0 no-repeat; cursor:pointer; } .radioHolder.narrow { width:113px; background:url(img/bg_radiobtnNarrow.gif) 0 0 no-repeat; } .radioHolder label { display:inline-block; width:200px; padding:5px 0 3px 0; cursor:pointer; } .radioHolder.narrow label { width:82px; } .jquery-checkbox { float:left; display: inline; padding:4px 8px 3px 5px; font-size: 20px; line-height: 20px; cursor:pointer; } .jquery-checkbox .mark {display: inline;} .jquery-checkbox img { vertical-align: middle; width: 16px; height: 16px;} .jquery-checkbox img { background:url(img/radiobutton.gif) no-repeat;} .jquery-checkbox img { background-position: 0px 0px; } .jquery-checkbox-checked img { background-position: 0px -16px; } /* Test yourself */ .commonQuest .results, #tabContainer .results { margin:0 100px; } .commonQuest .results .tl, #tabContainer .results .tl { background:#5b8f22 url(img/bg_greenTL.gif) 0 0 no-repeat; } .commonQuest .results .tr, #tabContainer .results .tr { background:url(img/bg_greenTR.gif) right top no-repeat; } .commonQuest .results .bl , #tabContainer .results .bl { background:url(img/bg_greenBL.gif) left bottom no-repeat; } .commonQuest .results .br, #tabContainer .results .br { width:100%; text-align:center; background:url(img/bg_greenBR.gif) right bottom no-repeat; } .commonQuest .results span, #tabContainer .results span { display:block; padding:22px 0; font-size:1.15em; font-weight:bold; color:#fff; } #test .radioHolder { float:left; margin-right:8px; } #result1, #result2 { display:block;} /* Due the rules #result1/2 above */ .answer { display:none; clear:both; padding-top:1em; } .answer p {margin:0 !important;} span.correct { float:left; width:160px; height:19px; margin-left:6px; padding:5px 0 0 37px; background:url(img/correct.gif) 0 0 no-repeat; font-weight:bold; } span.incorrect { float:left; width:160px; height:19px; margin-left:6px; padding:5px 0 0 37px; background:url(img/incorrect.gif) 0 0 no-repeat; font-weight:bold; } #test .result {display:none;} /* POPUPS */ #popup { padding:1em; text-align:left; } /* Layers */ #layerBackground { position:absolute; top:0; left:0; z-index:20; height:100%; width:100%; background:#000; } #layerSCard { display:none; position:absolute; top:50%; left:50%; margin-left:-182px; z-index:21; text-align:left; } #layerMap, .layerExample { /*display:none; position:absolute; top:10px; left:50%; margin-left:-367px; z-index:21;*/ text-align:left; } #layer { width:734px; } #layer .top { padding-top:3px; background:url(img/layer_topWide.gif) no-repeat; color:#fff; } #layer.narrow { width:364px; } #layer.narrow .top { padding-top:3px; background:url(img/layer_top.gif) no-repeat; color:#fff; } #layer .top .inner { padding:5px 15px; background:#4a9a1f; } #layer .top h4 { margin:0; } #layer .bottom { padding-bottom:3px; background:url(img/layer_bottomWide.gif) left bottom no-repeat; } #layer.narrow .bottom { padding-bottom:3px; background:url(img/layer_bottom.gif) left bottom no-repeat; } #layer .bottom .inner { padding:15px 15px 14px 15px; background:#fff; } #layer .bottom .content { width:100%; } /* for IEs */ #layer .top .layerClose { float:right; color:#fff; } #layer .bottom a.layerClose { float:right; width:81px; height:18px; padding-top:2px; border:none; background:url(img/bg_button.gif) 0 0 no-repeat; color:#fff; text-align:center; font-weight:bold; } #layer .bottom a.layerClose:hover { text-decoration:none; } #layer .scard { position:relative; width:185px; height:117px; margin-bottom:23px; background:url(img/s-kortti.jpg) no-repeat; } #layer .scard span { position:absolute; left:15px; bottom:1px; text-transform:uppercase; color:#bed1bd; font-size:10px; letter-spacing:-1px; } #layer p { margin-bottom:23px; } /* Calculation table */ table.calculation { width:295px; border:0; } table.calculation td { padding:3px 0; text-align:right; } table.calculation td.col1 { text-align:left; width: 180px;} table.calculation tr.total { font-weight:bold; } table.calculationTable { border-collapse:collapse; width:100%; margin-bottom:1em; border:1px solid #cdcdcd; } table.calculationTable td, table.calculationTable th { padding:0.3em 0.5em !important; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; text-align:right; } table.calculationTable th { background:#4b9a1d; color:#fff; } table.calculationTable .col1 { text-align:left; } table.calculationTable tr.even td { background:#f0f0f0; } table.calculationTable tr.total td { background:#cdcdcd; font-weight:bold; } /* send email */ .emailSentInfo,.sendToForm { display: none; position: fixed; top: 17%; left: 50%; margin-left: -200px; width: 400px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; } .editMode .emailSentInfo { display:block;position:relative;top:0;left:0;width:auto; margin:0; } .jqmOverlay { background-color: #000; } .jqmClose {padding-bottom:1em; float:right;} .columns-3 .column .column {width:100%;} /* /_text/ mode styles */ #site.text {width:735px;} .text #siteBodyWrapper {width:735px;} .text #siteBody {width:701px; padding:20px 16px 10px 16px;} .text #footer {width:715px;} .text #top {border-bottom: 3px solid #4d9c1f; background: url(img/bg_top_plain.gif) no-repeat top left;} .text #middle.wide {width:703px;} .text #middle.wide #middleP {padding:0;} #moveToRoot {right:16px;position:absolute;top:49px;} /*.emailForm #send {float:right;}*/ /* IBAN-laskurit */ .bolded {font-weight: bolder;} .ibanForm label {display:inline-block;width:155px;} .ibanForm { margin-top: 15px;} .ibanForm #account {width:210px;border:1px solid;} #tabContainer .ibanForm input#reset {margin:20px 0 0 155px;} #tabContainer .ibanForm input#send {margin:20px 0 0 50px;} #tabContainer .ibanForm input#send.wide {margin: 20px 0 0 21px; background:transparent url(img/bg_button_long.gif) no-repeat scroll 0 0; width: 110px;} .redBorderL {background:#FCF0ED url(img/redBorder.gif) repeat-y scroll 0 0; } .redBorderR {background:transparent url(img/redBorder.gif) repeat-y scroll right top;} .redTL {background:transparent url(img/redTL.gif) no-repeat scroll 0 0; margin-bottom:15px; } .redTR {background:transparent url(img/redTR.gif) no-repeat scroll right top;} .redBL {background:transparent url(img/redBL.gif) no-repeat scroll left bottom;} .redBR {background:transparent url(img/redBR.gif) no-repeat scroll right bottom;width:100%;} .redBR .redInner {padding:10px 8px 10px 10px; } #middle #tabContainer .resultDiv .grayInner p {margin-bottom: 0px;} p.infotext {margin-top: 15px;} /* Luottolaskuri muutokset 24.11.2010 */ .counter_printlink{ width:543px; float:left; margin-top:10px; padding:10px 0;} .printLink { float: left; } .printLink2 { float: left; } .pdfLink { float: right; } #luottolaskuri {position:relative; z-index:1; color: black;} #luottolaskuri select {float:left;} #luotto1, #luotto2, #luotto3, #luotto4 {position:absolute; left:-190px; top:-33px; width:165px; height:210px; z-index:100; visibility: hidden; color: black; border: 1px solid #008601; background: #ffffff; padding:5px 0 5px 5px; } a.info {float:right;} p.leftInput {float:left; width:70%;} .counter_picture_div4 { margin:0; position:absolute; left:195px; top:0; width:0; } .counter_picture_div3 { left: 195px; } #cc3 .counter_picture_div3 { left: 90px; } .padder { padding-left: 50px; } /* Tuoteluotto / Joustoluotto */ #tuoteluotto_results table, #joustoluotto_results table, #tuoteluotto_results_sv table, #joustoluotto_results_sv table { border-collapse: collapse; margin-bottom: 1em; width: 100%; } #tuoteluotto_results table td, #joustoluotto_results table td, #tuoteluotto_results_sv table td, #joustoluotto_results_sv table td { border: 1px solid #D3CFC9; padding:0.5em; } #tuoteluotto_results table td em, #joustoluotto_results table td em, #tuoteluotto_results_sv table td em, #joustoluotto_results_sv table td em { display: block; width: 93%; } #tuoteluotto_results table td i, #joustoluotto_results table td i, #tuoteluotto_results_sv table td i, #joustoluotto_results_sv table td i { display: block; width: 93%; } #tuoteluotto_results table .left, #joustoluotto_results table .left, #tuoteluotto_results_sv table .left, #joustoluotto_results_sv table .left { width: 30%; } #tuoteluotto_results table .abottom, #tuoteluotto_results_sv table .abottom { vertical-align: bottom; padding-bottom:8px; } #tuoteluotto_results table .abottom_sv, #tuoteluotto_results_sv table .abottom_sv { vertical-align: bottom; padding-bottom:8px; } #tuoteluotto_results .counter_table, #joustoluotto_results .counter_table, #tuoteluotto_results_sv .counter_table, #joustoluotto_results_sv .counter_table { background-color:white; margin:0; padding:0; } .rhead { display:block; background:#4B9A1D; color:#FFFFFF; border:1px solid #D3CFC9; border-bottom:0; font-size:1.15em; padding:0.3em; } .rhead2 { color: #000; font-weight: bold; display: block; margin-bottom: 5px; } .pad { margin-top: 10px; } #joustoluotto_results .counter_table, #tuoteluotto_results .counter_table { width: 380px; } /* Textview Luottolaskurit */ #counter_popup #site.text { width:755px; } #counter_popup .text #siteBodyWrapper { width:755px; } #counter_popup .text #siteBody { padding:20px 16px 10px; width:735px; border: none;} #counter_popup .text #middle.wide { width:735px; } #counter_popup #tabContainer h1 { display: none; } #counter_popup #tabContainer p { display: none; } #counter_popup #tabContainer h3 { display: none; } #counter_popup #joustoluotto_results p { display: block; } .counter_dl { width: 420px; } dl.counter_dl { width: 420px; } .counter_dl dd { width: 190px; } .counter_dl dt { clear: both; } .counter_fx3, .counter_fx1 { height: 40px; } .counter_fx4, .counter_fx2 { height: 25px; } .counter_printlink { width: 735px; } /* Tiedote arkisto listaus */ .arkistoForm { width: 360px; padding-bottom: 10px; } .arkistoForm .grayInner { height: 1%; } .arkistoForm .grayTL { margin: 0; } .arkistoForm label { float: left; line-height: 22px; } .arkistoForm select { margin: 0; margin-left: 40px; width: 150px; float: left; height: 22px; } .arkistoForm .grayBorderL { width: 350px; float:left; } #arkistoBtn { float: right; margin-top: 1px; background: url("img/bg_searchButton.gif") no-repeat scroll left top transparent; height: 20px; width: 56px; color: #fff; font-weight: bold; line-height: 12px; border: none; } #arkistoBtn:hover { cursor: pointer; } /* Uutiskirje rekisteröityminen */ .checkhidden { display: none; } .navigo-news-reg .error { color: red; } .navigo-news-reg td { vertical-align: middle !important; } .difflang { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #C2C2C2; margin-top: 25px; margin-bottom: 10px; padding: 5px; width: 368px; }