/**************************************** 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-color: #fcfcfc; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; font-size:12px; /*font-size:76%;*/} 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;} /* 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;} /* 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 ;} .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;} /*div.navigo-attachment{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:33px; right:135px;} #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: 4px;} #supportNavi li a {} #supportNavi li span { font-weight: bold;} * html #topNavi {clear:both;} #topNavi .naviList{ /*margin-left: 1px;*/ } #topNaviSecond li a { display:inline-block; height:19px; font-weight: normal; color: #fff; margin: 0 1px 0 0; padding: 3px 9px 0 9px;} #topNaviSecond li {display: inline-block; background: url(img/bg_topNaviSecondBorder.gif) bottom right no-repeat;} #topNaviSecond li .imgL{display: inline-block; background: url(img/x.gif) bottom left no-repeat;} #topNaviSecond li a.first {margin-left:0;} /*#topNaviSecond li a.first span.imgL{background: none /*url(img/bg_topNaviSecond.gif) top right repeat-x;}*/ /*#topNaviSecond li a.first:hover span.imgL{background: none;}*/ #topNaviSecond li a.first span.imgR {/*background:none;*/} #topNaviSecond li a.last span.imgR{background: url(img/bg_topNaviSecondBorder.gif) top right no-repeat;} #topNaviSecond li a.last.act span.imgR, #topNavi a.last:hover span.imgR{background: none;} #topNaviSecond li a:hover { color:#285c11; background:#fefefe; text-decoration: none; font-weight:normal;} #topNaviSecond li a.act { color:#285c11; background:#fff; text-decoration: none; font-weight:bold;} #topNaviSecond li a.act:hover { font-weight:bold;} /*#topNaviSecond li a:hover span, #topNavi li a.act span{background: none;}*/ #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;} #docNavi li a {text-decoration: none; color: #fff; background: #307614; padding: 3px 17px 3px 7px;} #docNavi li a, #docNavi li.act li a{font-weight: normal;} #docNavi li.act a, #docNavi li.act li.act a, #docNavi li a:hover {font-weight: bold;} /*#docNavi li.act a, #docNavi li a:hover{ background-color: #184618;}*/ #docNavi li.act li a, #docNavi li li a {background-color: #4B9A1D; padding: 4px 17px 4px 19px;} #docNavi li.act li.act a:hover, #docNavi li li.act a, #docNavi li.act li a:hover, #docNavi li li a:hover{font-weight: bold; background: #69be28;} #docNavi li.act a.more{background: #307614 url(img/bg_docNaviMore-act.gif) right bottom no-repeat;} #docNavi li a.more{background: #307614 url(img/bg_docNaviMore.gif) right bottom no-repeat;} #docNavi li a.more:hover{font-weight:bold; background-color: #307614;} * html ul#docNavi a {height: 1%;} /* 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; } /*#naviBar{ padding: 36px 0 3px 0; } #topBar{background: #F7F5F6 url(img/bg_topBar.gif) 0 0 repeat-x; clear: left;} #topBarR{background:url(img/bg_topBarR.gif) top right no-repeat; } #topBarL{background:url(img/bg_topBarL.gif) top left no-repeat; height: 18px; line-height: 6px; }*/ #top {height:88px; background: #FFFFFF url(img/bg_top.gif) top left no-repeat; position: relative; font-size:12px/*12pt*/; /*padding-bottom:18px;*/ /*border: 1px solid #307614; border-style: none solid;*/} #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: 180px; height: 50px; 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: 180px; height: 50px;} #top div#sv_SE {width: 200px; height: 50px; 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: 200px; height: 50px;} #top div a span { display: none; } #searchBox { position: absolute; top:55px; right:135px; 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:22px; margin-left:10px; margin-top:1px; background: url(img/bg_searchButton.gif) no-repeat top left; } #searchBox #submit_sv { float:left; width:56px; height:22px; margin-left:10px; margin-top:1px; background: url(img/bg_searchButtonSv.gif) no-repeat top left; } #searchBox #submit_en { float:left; width:56px; height:22px; margin-left:10px; margin-top:1px; 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:#255e11;} #topNaviFirst a:hover {text-decoration:none;} #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 .beforeAct {margin-right:0; padding-right:6px; background:none;} #signIn {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:171px; height:20px; padding-left:16px; padding-top:7px; font-size:12px; color:#000;} #signIn a:hover {text-decoration:none;} #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:22px; padding-top:3px; background:#4d9c1f url(img/bg_topNaviSecond.gif) bottom left repeat-x;} #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; padding: 12px 0 0 0; float: left; width: 100%;} .functionBar .printLink{float: left; width: 30%;} .functionBar .paging{float: left; width: 40%; text-align: center;} .functionBar .toTopLink{float: left; width: 29.9%; 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;} #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 {border-top: 5px solid #275d11; padding:7px 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 .newsImage {float:left; /*margin-top:3px;*/} #middle .newsList div.newsText {/*width:214px; float:right; */padding-bottom:10px;} #middle .newsList div.imgFound {width:305px; /*width:214px;*/ float:right;} .editMode #middle .newsList div.imgFound {width:305px; overflow:hidden;} #middle .newsList div.newsTitle {font-weight:bold; margin-bottom:10px; margin-left: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; 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:#4B9A1D; 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 ; } /*.siteMapDocumentLevel0 { padding:0.2em ; background:url(img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; }*/ .siteMapDocumentLevel1 { padding:0.2em ; background: url(img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; /*font-size:0.9em ;*/ } .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 ; } /*.siteMapFolderLevel1 a { background:url(img/siteMap/sitemap_folder.gif) 5px center no-repeat ; padding-left:20px ; font-weight:bold ; }*/ .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 ; } /*.stripe { background-color:#f9f9f9 ; }*/ /* 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, #counter1_send, #counter1_reset, #counter2_send, #counter2_reset, #counter3_send, #counter3_reset { 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 {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;} #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{ display:none; padding-top:10px; background:transparent url(img/bg_functionBar.gif) repeat-x top left;} #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{padding-left:30px; font-weight:normal;width:170px; } dl.results td {width:105px;} dl.results dt.noBorder, dl.results dd.noBorder {background:none;} /*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;} * 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;} .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;} /*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)*/ } #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; } /* 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 #4a9a1d; border-right:1px solid #4a9a1d; } 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:#4a9a1f 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-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 span { margin-left:4px; font-weight:bold; } select#market { width:213px; } .grayInner form { position:relative; } .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; cursor: hand; 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 { background:url(img/hl_top.gif) 0 0 no-repeat; } .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 12px 3px 12px;*/ 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; /*padding:4px 10px 4px 12px;*/ 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; /*padding:4px 10px 4px 12px;*/ 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:7px; } #frontTop .hl .content a { color:#000; font-weight:normal; } /* 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 0; } * 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:#4a9a1f url(img/progressLAct.gif) no-repeat; } #progress ul li.firstSelected { margin:0; padding:0; background:#4a9a1f 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 48px 4px 36px; color:#000; font-weight:bold; } .sv_SE #progress ul li span { padding:5px 45px 4px 32px; } /* Cards */ .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; } .radioHolder.narrow { width:113px; background:url(img/bg_radiobtnNarrow.gif) 0 0 no-repeat; } .jquery-checkbox { display: inline; padding:4px 8px 0 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:#4a9a1f 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; } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .sendToForm { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } * html .emailSentInfo { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } .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;}