/* -------------------------------------------------------------- Opkk.fi - opkk.css required css file media = all Basic styles for opkk.fi -------------------------------------------------------------- Toc: == common elements == == layout framework == == skip link == == main navigation == == content area common elements == == frontpage layout == === highlight elements === ==== highlight common ==== ==== welcome ==== ==== quick search ==== ==== new ==== ==== picks ==== ==== watch ==== ==== numbersearch ==== ==== webzine ==== === ads === == form page layout == === search page specific === === search results page specific === == content page layout == === location page specific === == footer == */ /* -------------------------------------------------------------- */ /* == common elements == */ body {margin: 0 auto; padding: 0; height: 100%; font: 75%/1.5em Arial, Helvetica, Geneva, sans-serif;} body {background: #fff url(/static_images/v1/bg_body.gif) repeat-x; color: #333;} input, select, textarea {font: 1em Arial, Helvetica, Geneva, sans-serif; margin-right: 5px;} input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea {border: 1px solid #999;} select[multiple] {} option {background: #fff;} form, fieldset, div {margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, table {margin: 0 0 1em 0; padding: 0; display: block;} fieldset {padding-bottom: 1em;} fieldset div p {margin-bottom: 0;} h1 {font-size: 1.5em; font-weight: normal; line-height:1.5em;} h1.hakuehdot { margin:0px; padding:0px; } h2 {font-size: 1em;} .frontpage h2 {font-weight: normal} h3 {font-size: 1.2em; margin-left:10px; } h4 {font-size: 1em;} .content ul {list-style: disc;} .content li, dd, blockquote {margin-left: 20px;} ul, ol, ul.links, ol.links {list-style: none;} ol.address {list-style: decimal;} li, ul.links li, dd, blockquote {margin:0; padding:0;} .links li {width: 100%;} form label, a span {cursor: pointer;} acronym {border-bottom: 1px dotted #fff;} a {color: #003396;} a:active {color: #003396; outline: none;} a:visited {} a:hover {} a img, :link img, :visited img, fieldset {border:0;} address, abbr {font-style:normal;} table {width: 100%; border-collapse: collapse; display: table;} td, th, caption {text-align: left; vertical-align: top; padding: 0.2em 1em;} img {display: block;} p img {display: inline;} .hide {position: absolute; left: -9999px; top:0;} .emphasis {font-weight: bold;} /* submit buttons */ .submit, .go {border: 1px solid #ccc; background: #f90; color: #fff; font-weight: bold;} .go {text-align: center;} /* -------------------------------------------------------------- */ /* == layout framework == */ .opkk {position: relative; min-width: 903px; max-width: 75.25em; width: 903px;} *[class~="opkk"]{width:auto;} .content, .ads, #copyright {min-width: 903px; width:100%;} .content {position: relative; padding-left: 7px; overflow: hidden;} div[class~="content"]{width: 99%;} /* subnavi or no */ .content {padding-top: 8.5em;} .buy .content {padding-top: 11.2em;} /* -------------------------------------------------------------- */ /* == skip link == */ p#skip {position: absolute; left: 0; top: 0; width: 100%;} p#skip a {position: absolute; left: -999em; top: 0;} p#skip a:focus, p#skip a:active {display: block; position: absolute; left:0; top:0; z-index: 1000; width: 100%; padding: 0.5em 0 1em; background: #fff url(/static_images/v1/bg_skip_to_navigation.gif) 50% 90% no-repeat; font-size: 1.4em; font-weight: bold; text-align: center; } /* == main navigation == */ #navigation {width: 903px; position: absolute; left: 0; top:47px;} #navigation a {display: block; font-weight: bold; color: #646464; text-decoration: none;} #navigation a:hover {text-decoration: underline; color: #FF6E00;} #navigation span {display: none;} #navigation li {float: left; height: 41px; padding:0; margin-top: 6px;} #navigation li a {height: 35px;} #navigation ul {margin-left: 10px; width: 903px; position: absolute; left: 0; top:4.1em;} #navigation ul.internetsale {margin-left: 194px; position: absolute; left: 0; top:4.1em;} #navigation li li {height: auto; border: 0; background: transparent; margin-right: 20px; font-size:1.165em;} #navigation li li a {display: inline; height: auto; margin-left: 10px; padding-right: 12px; background: url(/static_images/v1/bg_icon_navi_sub.gif) no-repeat 100% 50%; white-space: nowrap;} /* home link - opkk logo */ li#home {position: relative; width: 204px; height: 87px; margin-top: -47px; border-bottom: 1px solid #898989;} /* inactive links */ li#buy {width: 142px; background: url(/static_images/v1/bg_navi_buy.gif) no-repeat;} li#sell {width: 127px; background: url(/static_images/v1/bg_navi_sell.gif) no-repeat;} li#company {width: 132px;background: url(/static_images/v1/bg_navi_company.gif) no-repeat;} li#contact {width: 132px; background: url(/static_images/v1/bg_navi_contact.gif) no-repeat;} li#super {width: 134px; background: url(/static_images/v1/bg_navi_super.gif) no-repeat;} /* active links */ li#buy.buy {width: 152px; background: url(/static_images/v1/bg_navi_buy_active.gif) no-repeat; margin-top: 0;} li#sell.sell {width: 152px; background: url(/static_images/v1/bg_navi_sell_active.gif) no-repeat; margin-top: 0; margin-left: -13px;} li#company.company {width: 152px;background: url(/static_images/v1/bg_navi_company_active.gif) no-repeat; margin-top: 0; margin-left: -15px;} li#contact.contact {width: 152px; background: url(/static_images/v1/bg_navi_contact_active.gif) no-repeat; margin-top: 0; margin-left: -13px; position: relative; z-index: 100} li#super.super {width: 152px; background: url(/static_images/v1/bg_navi_super_active.gif) no-repeat; margin-top: 0; margin-left: -10px;} /* sub navigation */ #navigation ul {display: none;} .buy #navigation ul {display: block;} #navigation li li.active a {color: #FF6E00;} #navigation .is_search {margin-left:50%;} /* separate 'support' section */ li#watch a,li#log a {color: #003396;} li#watch,li#log {position: relative; float: right; height: auto; background: url(/static_images/v1/bg_icon_navi.gif) no-repeat 0% 50%;} li#watch {margin: -80px 9em 0 0; display: inline;} li#log {position: absolute; right: 10px; top:-39px;} li#log a {padding-left: 10px; height: auto; width: auto;} li#watch a {padding-left: 10px; height: auto; width: auto; color:#FF6E00;} /* -------------------------------------------------------------- */ /* == content area common elements == */ .icon, .links a {display: block; padding-left: 10px; background: url(/static_images/v1/bg_icon_link.gif) no-repeat 0 6px;} a img.out {display: inline; margin-left: 5px;} /* link icons */ a.back {background: url(/static_images/v1/bg_icon_link_back.gif) 0 6px no-repeat;} a.help {background: url(/static_images/v1/bg_icon_help.gif) 100% 0px no-repeat; padding-right: 20px; padding-left: 0;} a.print {background: url(/static_images/v1/bg_icon_print.gif) 0 2px no-repeat; padding-left: 20px;} a.email {display: block; padding-left: 10px;} ul.item_print { margin-top:15px; list-style: none; _border:1px solid #FFF; } ul.item_print li {background: url(/static_images/v1/bg_icon_print.gif) 0 2px no-repeat; padding-left: 20px;} ul.item_print li a { display: block; _display:inline; padding-left: 10px; background: url(/static_images/v1/bg_icon_link.gif) no-repeat 0 6px; text-decoration: none; font-weight: bold; } ul.item_print li.go_itempage {background: url(/static_images/v1/bg_icon_link.gif) no-repeat 0 6px; padding-left: 10px; margin-left:3.4em;} ul.item_print li.go_itempage a { padding-left: 0px; display: block; background-image: none; text-decoration: none; font-weight: bold; } .item_map {text-decoration: none; font-weight: bold;} .bg, tbody tr.even {background: #F0F0F0;} #content inline {display: inline;} #content .narrow {width: 25%;} .banner {display: block; margin-bottom: 1em;} .leading {font-weight: bold;} .image-on-left {float: left; margin:0 1em 1em 0;} .image-on-right {float: right; margin:0 0 1em 1em;} .image-centered {margin:0 auto;} /* basic table layout */ .basic td {font-weight: bold;} .basic td span {font-weight: normal; display: block;} .basic th {font-weight: normal;} .basic th {width: 25%;} /* === basic form layout === */ fieldset.basic legend {display: none;} fieldset.basic input, fieldset.basic textarea, fieldset.basic select {width: 75%;} fieldset.basic label input, fieldset.basic dl input {width: auto;} fieldset.basic div {width: 100%; clear: both; overflow:hidden; } fieldset.basic div div {clear: none;} fieldset.basic div div.column-1 {float: left; width: 25%; font-weight: bold;} fieldset.basic div div.column-2 {float: left; width: 70%;} fieldset.basic div div.column-3 {float: left; width: 14%; font-weight: bold;} fieldset.basic input.go {float: right; width: auto;} fieldset.basic .input-groups label {display: block; width: 30%; margin-right: 1%; float: left;} .help_top_right {position: relative; float: right; margin-top: -65px; margin-right:15px;} .forms div {padding: 1em 0;} .forms div div {padding:0;} .forms div.bg {position: relative; margin: 0 -1em; padding: 1em; width: 100%; display: block;} /* === layout columns === */ .columns {overflow: hidden; width: 100%; clear: both;} .column-1 {width: 49%; float: left; clear: left;} .column-2 {width: 49%; float: right;} .column-3 {width: 49%; float: left; clear: left;} /* === pagination === */ .pagination {clear: both; width: 100%; position: relative; background: #efefef; margin: -1em 0 0; padding:0; overflow: hidden; border-top: 1px solid #F0F0F0;} .pagination a {font-weight: bold; text-decoration: none;} .pagination a:hover {text-decoration: underline;} .pagination li {width: 33%; float: left; list-style: none; margin: 1em 0;} .pagination li div {margin:0 auto; float: none; width: 45%; white-space: nowrap; text-align: center; padding-left:1%;} .pagination li.prev {text-align: left;} li.prev { list-style:none; } .pagination li.next {text-align: right; float: right;} .prev a {padding-left: 2em; background: url(/static_images/v1//bg_icon_prev.gif) 10px 5px no-repeat;} .next a {padding-right: 2em; background: url(/static_images/v1/bg_icon_next.gif) 85% 5px no-repeat;} .pagination li div a {padding-right: 10px; background: url(/static_images/v1/bg_icon_next.gif) 100% 5px no-repeat;} /* === links below content area === */ .extended-content a {text-decoration: none; font-weight: bold;} .extended-content a:hover {text-decoration: underline;} .extended-content {overflow: hidden; clear: both; margin: 1em; } .extended-content li {list-style: none; float: right; text-align: right; width: 45%; display: inline;} .page .extended-content li {margin:0 1em 0 1em;} .form .extended-content li {margin:0;} .page p.extended-content {margin: 1em 2em;} *[class~="extended-content"] li {display: block;} .extended-content li a {padding-left: 10px; background: url(/static_images/v1/bg_icon_link.gif) no-repeat 0 6px;} .extended-content li.no-of-results, .extended-content li.tell-a-friend {float: left; text-align: left; width: 30%;} /*.modify-searches {margin-top: 4.5em;}*/ *[class~="modify-searches"] {margin-top:1em;} .modify-searches li {width: 60%;} ul.item_links { margin-top:15px; list-style: none; } ul.item_links li { text-align: right; padding-right: 20px;} ul.item_links li a { display:inline; padding-left: 10px; background: url(/static_images/v1/bg_icon_link.gif) no-repeat 0 6px; text-decoration: none; font-weight: bold; } div.failed {float: left; width: 50%; color: #ff8800; font-size: 12px; font-weight: bold;padding: 5px; padding-left: 10px; } .failedText {font: 1em Arial, Helvetica, Geneva, sans-serif; margin-right: 5px;} .watch-marginleft {margin-left: 40px;} /* -------------------------------------------------------------- */ /* == frontpage layout == */ .frontpage h1 {display: none;} .infotext {top:10px; left:220px; position: absolute;} .langtext {top:6px; left:570px; position: absolute;} /* frontpage columns left to right */ .frontpage .introduction {width: 21%; float: left; overflow: hidden;} .frontpage .main {width: 51%; float: left; margin-left: 8px;} .frontpage .main-extended {width: 49%; float: left;} .frontpage .main-extended2 {width: 49%; float: left; margin-left: 8px;} .frontpage .related {width: 49%; float: right;} .frontpage .resources {width: 25%; float: left; margin-left: 8px;} .header {width:62%; float:left; margin-top:1em;} .modify-searchestop {width:36%; float:right;} /* === highlight elements === */ /* ==== highlight common ==== */ .highlight, .highlight2 {padding: 1em 0.7em 0; border: 1px solid #646464; background: #fff; margin-bottom: 10px; font-size: 0.915em;} .highlight legend {display: none;} .highlight a {display: block; padding-left: 10px; background: url(/static_images/v1/bg_icon_link.gif) no-repeat 0 6px;} .highlight h2 {font-size: 1.635em; width: 186px;} .highlight h3 {font-size: 1em; margin-bottom: 0;} .highlight p.modify a {display: inline; padding: 0px 0px 0px 10px; background: none;} .height { height:215px } .highlight3 {padding: 1em 0.7em 0; border: 1px solid #646464; background: #fff; margin-bottom: 10px; font-size: 0.915em;} .highlight3 legend {display: none;} .highlight3 a {display: block; padding-left: 5px;} .highlight3 h2 {font-size: 1.635em; width: 186px;} .highlight3 h3 {font-size: 1em; margin-bottom: 0;} .highlight3 p.modify a {display: inline; padding: 0px 0px 0px 10px; background: none;} /* === highlight elements === */ .introduction .highlight {font-size: 1em;} .introduction .highlight h2 {font-size: 1.5em;} /* ==== welcome ==== */ div.welcome {border: 0; background: transparent} .welcome img {margin: 0 auto 1em;} /* ==== housing management ==== */ /* subpages left column */ .page .introduction {width: 21%; float: left;} .housinghighlight {padding: 1em 1em 0; border: 1px solid #646464; background: #fff; margin-bottom: 10px; font-size: 0.915em;} .housingbanner { border: 1px solid #646464; background: #fff; margin-bottom: 10px;} .housingbanner p { font: 1.2em Arial, Helvetica, Geneva, sans-serif; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px;} .housingbanner h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 2em;} .housingbanner a {color: #646464; text-decoration:none; background-image:none; font-size:15px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-style:normal; } .housingbanner a#selected {color: #FF6E00; text-decoration:none; background-image:none; font-size:18px; padding:0 0 0 0; font-style:normal;font-weight:normal;} .housingbanner img {display: inline; margin: 0px 0px 0px 1px;} .housingbanner h2 {font-size: 1.635em;} .housingbanner submit {border: 1px solid #ccc; background: #f90; color: #fff; font-weight: bold;} .personnel {background: #fff;} .personnel li {width: 100%;} .personnel img {float: right;} .personnel h3 { margin: 0px 0px 0px 0px;} .textnormal {font-size:1.1em;} .selected {color:#FF6600} .quicksearch2 {background: #fff; color: #000000; font-size: 1em; background: #fff url(/static_images/v1/bg_highlight_webzine.gif) 95% 0.5em no-repeat;} .quicksearch2 h2 {font-size: 1.5em; margin:0; min-height: 3em; height: 3em;} .quicksearch2 h3 { margin-left:0;} .housinglink {color: #003396; text-decoration: none;display: inline; height: auto; margin-left: 10px; padding-right: 12px; font-size:16px; font-size:1.165em; white-space: nowrap;} table.housingContent td {padding:0; margin:0;} .housingbannerspace {width:21%;} .housingofferok {width:60%;} .housingcontentspace p {float:left} .housing-article {float: left; width: 70%;} .housing-see-also {position: relative; border: 1px solid #F0F0F0; background: #fff url(/static_images/v1//bg_page_highlight.gif) 0% 100% repeat-x;} .housing-see-also h2 span {position: absolute; left: -999em; top: 0;} .housing-see-also li {width: 100%;} .housing-see-also h2 {height: 20px; margin:0; background: url(/static_images/v1//bg_highlight_title_see-also.gif) no-repeat;} /** link Back to previous page **/ .linkBack { margin-left:190px;} .quicksearch_housing {background: #fff; color: #000000; font-size: 1em; background: #fff;} .quicksearch_housing h2 {font-size: 1.5em; margin:0; min-height: 3em; height: 3em;} .quicksearch_housing h3 { margin-left:0;} .housing_contact {background: #FFFFFF 95% 0.5em no-repeat;} .housing_contact label {display: block;} .housing_contact2 {background: #FFFFFF 95% 0.5em no-repeat; font-size: 1em;} .housing_contact2 h2 {font-size: 1.5em;} .housing_contact2 span.otsikko {font-weight: bold; font-size: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .edut {border-bottom-width: thin; border-bottom-color: #969696; border-bottom-style: dotted;} /* ==== quick search ==== */ /* buyer */ .quicksearch a, .quicksearch p.modify a {color: #fff; padding-left: 10px; background: url(/static_images/v1/bg_icon_link_quicksearch.gif) no-repeat 0 6px;} .quicksearch a:active {color: #fff;} .quicksearch {background: #646464; color: #fff; font-size: 1em;} .quicksearch h2 {float: left; line-height: 1.2em; margin-bottom: 0.5em;} .quicksearch p {float: right; display: block;} .quicksearch fieldset p, .quicksearch fieldset.welcome {font-size: 0.93em; float:left;} .quicksearch fieldset h2, .quicksearch fieldset.welcome h2 {width:100%;} .quicksearch fieldset, .quicksearch fieldset p, .quicksearch fieldset.welcome {clear: both; float: none;} .quicksearch fieldset fieldset {display: block; width: 4em; float: left; clear: none;} .quicksearch div {float:left;} .quicksearch ul.is_help {list-style: none; color: #fff; background: url(/static_images/v1/bg_icon_link_quicksearch.gif) no-repeat 0 6px;} .quicksearch ul.is_help li {margin-left:10px;} .quicksearch .is_help a.help {display: inline; background: url(/static_images/v1/bg_icon_help.gif) 100% 0px no-repeat; padding-left: 0px;} #type {width: 10em;} *[class~="highlight"] #type {width: 10em;} #location-area-price {width: 21em; float: right;} *[class~="quicksearch"] #location-area-price {width: 20em;} #location-area-price div {clear: both; margin-bottom: 0.5em; overflow: hidden; width: 100%;} #location-area-price label {width: 5em; text-align: right; padding-right: 0.5em;} #location-area-price label, #location-area-price div input, #location-area-price div span {float: left; display: block;} #location-area-price div span {padding: 0 0.5em 0 0 ;} #pinta-ala-alin, #pinta-ala-ylin, #hinta-alin, #hinta-ylin {width: 25%;} /* submitting */ .quicksearch-heading {float: left; line-height: 1.2em; margin-bottom: 0.5em; font-size: 1.635em} #quicksearch-submit {float: right;} #quicksearch-text {float: left; width:260px;} /* ==== new ==== */ .new {background: #fff; _height:232px;} .new div {padding-bottom: 1em; width: 100%; min-height: 45px; height:45px; overflow:hidden; _overflow:visible;} *[class~="new"] div {height: auto;} .new p {clear: both;} .new div p {float: left; clear: none;} .new img {float: left; margin: 0 1em 0 0;} /* ==== new index ==== */ .new_index {background: #fff;} .new_index div {padding-bottom: 1em; width: 100%; min-height: 45px; height:45px; overflow:hidden; _overflow:visible;} *[class~="new_index"] div {height: auto;} .new_index p {clear: both;} .new_index div p {float: left; clear: none;} .new_index img {float: left; margin: 0 1em 0 0;} .salecontacts {margin-top:15px;} /* ==== contact_opkk ==== */ .contact_opkk {background: #fff;} .contact_opkk li {width: 100%;} /* ==== picks ==== */ .picks_index {background: #fff;} .picks_index li {width: 100%;} /* ==== index ==== */ .picks {background: #fff; padding-bottom:10px;} .picks li {width: 100%;} /* ==== ei kuvaa ==== */ .no_picture {background: #fff; padding-bottom:10px;} .no_picture li {width: 100%;} /* ==== watch ==== */ .watch {background: #FFFFFF;} .watch label {display: block;} /* ==== numbersearch ==== */ .numbersearch {background: #FFFFFF;} .numbersearch label {display: none;} /* ==== webzine ==== */ .webzine {background: #FFFFFF url(/static_images/v1/bg_highlight_webzine.gif) 95% 0.5em no-repeat;} /* ==== ownitem ==== */ .ownitem {background: #FFFFFF;} /* === ads === */ .ads {width: 100%; position: relative; clear: both; overflow: hidden; margin-left:20%;} div[class~="ads"]{width: auto;} .ads div {margin-left:21%; width: 77%; float: left; display: inline;} .ads div.ad1 {width: 25%; margin:0;} .ads div.ad2 {width: 27%; margin:0;} .ads div.ad3 {width: 25%; margin:0;} .ads img {margin: 0 auto;} /* -------------------------------------------------------------- */ /* == form page layout == */ .form .main {background: #fff; border: 1px solid #646464; margin: 0 1em; padding: 1em 0 0; overflow: hidden;} .form h1 {margin-left: 0.8em;} .form p, .form ul, .form ol, .form fieldset {padding: 0 1em;} .form div p, .form div ul, .form div ol {padding:0;} .form fieldset fieldset {padding-left:0; padding-right:0;} /* === search page specific === */ .search p, .search fieldset {clear: both;} .search br {display: none;} .search fieldset {width: 100%;} .search legend {display: none;} .search div {float: left; width: 25%;} .search div.section {clear: both; width: 100%;} .search div.section p {font-size: 0.8em; font-weight: normal; font-style: normal;} .search fieldset.after-form span.text {font-size: 0.8em; font-weight: normal; font-style: normal;} .search div dl {overflow: hidden; margin-bottom: 1em; padding: 1px 0;} .search div label, .search div dt {display: block; font-weight: bold;} .search div select, .search div input {width: 80%;} .search div dl input {width: auto; clear: left;} .search div dl label {width: 80%; float: left; padding: 1px; font-weight: normal;} .search span {padding-right: 5px;} .search div.bg {display: inline;} .search div[class~="bg"] {display: block;} #search_itemcode { float:left; margin-left:15px; _margin-left:8px; } .map {margin: 1em 0 1.2em;} .zip {padding-top: 0.6em;} .price {padding-top: 1.7em;} fieldset.submit-search { float: right;} fieldset.submit-search legend {display: none;} fieldset.before-form {margin-top: -1em;} fieldset.after-form {margin-top: 1em; padding-bottom: 1em;} /*fieldset.after-form p {position:absolute; right:100px; }*/ .widesection div {display: inline; width:100%; clear: both;} .submit-search p {float: left; text-align: right; width: 100%;} .submit-search p strong {white-space: nowrap;} .submit-search input {float: right; font-size: 1.1em;} /* === searchresults page specific === */ /* search results heading area */ .heading {overflow: hidden;} .heading h1 {width: 40%; float: left; display: inline; border-top:solid #fff;} .heading h1 span {display: none;} .heading h1 em {display: block; line-height:1.5em; font-size: 0.7em; font-weight: normal; font-style: normal;} .heading .legend {float: left; width: 25%; list-style: none; font-size: 0.915em; margin:0 0 1em; border-top:solid #fff;} .heading .legend img {float: left; margin: 3px 5px 0 0;} .heading .links {float: right; width: 25%; margin: 0em 1em 0 0; text-align: right; border-top:solid #fff;} .heading .links a {display: inline; } .heading .links.help {margin-bottom: 0.5em;} /* search results table */ col.is_picture {width: 15%;} col.is_location {width: 35%} col.is_size {width: 10%;} col.is_type {width: 15%;} col.is_year {width: 10%;} col.is_price {width: 15%;} col.picture {width: 5%;} col.location {width: 25%} col.size {width: 10%;} col.price {width: 10%;} col.type {width: 20%;} col.year {width: 5%;} col.date {width: 25%;} .row {background-color:#FFFFFF;} .search-results h2 {font-size: 1em; margin:0; font-weight: bold; min-height: 3em; height: 3em;} *[class~="search-results"] h2 {height: auto;} .search-results p {float: left; position: relative; padding: 1em 0; min-width: 600px; max-width: 600px; width: 600px; font-weight: normal;} .result {width: 14em;} .search-results th, .search-results td {padding: 0.5em 1em 1em; font-weight: bold;} .search-results th {font-weight: normal;} .search-results tbody th {padding-right: 0;} .search-results td span {font-weight: normal; display: block;} .search-results thead {background: #efefef;} .search-results thead a {display: block; text-decoration: none;} .search-results thead a:hover {text-decoration: underline;} .search-results thead a img {display: inline; margin-left: 5px;} .search-results thead th {vertical-align: bottom; border-bottom: 1px solid #F0F0F0; padding: 0.3em 1em; white-space: nowrap;} table#pointalttable { padding: 0;line-height: normal; } .pointalttable { padding: 0;line-height: normal; } .verdana10b_white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: 700; } .verdana10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px} .verdana10b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px ; font-weight: 700} /* result picture and icons */ .result-info img {margin: 0.5em 0;} .result-info div * {display: block; float: left;} .result-info div {clear: both; width: 64px; overflow:hidden; margin: -0.5em 0 1em -1px;} /* pagination */ .pagination {clear: both; width: 100%; position: relative; background: #efefef; margin: -1em 0 0; padding:0; overflow: hidden; border-top: 1px solid #F0F0F0;} .pagination a {font-weight: bold; text-decoration: none;} .pagination a:hover {text-decoration: underline;} .pagination li {width: 33%; float: left; list-style: none; margin: 1em 0;} .pagination li div {margin:0 auto; float: none; width: 45%; white-space: nowrap; text-align: center; padding-left:1%;} .pagination li.prev {text-align: left;} .pagination li.next {text-align: right; float: right;} .prev a {padding-left: 2em; background: url(/static_images/v1/bg_icon_prev.gif) 10px 5px no-repeat;} .next a {padding-right: 2em; background: url(/static_images/v1/bg_icon_next.gif) 85% 5px no-repeat;} .pagination li div a {padding-right: 10px; background: url(/static_images/v1//bg_icon_next.gif) 100% 5px no-repeat;} /* links below content area */ .extended-content {overflow: hidden; clear: both; margin: 1em;} .extended-content li {list-style: none; float: right; text-align: right; width: 45%; margin:0 0 0 1em;} .extended-content li a {padding-left: 10px; background: url(/static_images/v1/bg_icon_link.gif) no-repeat 0 6px;} .extended-content li.no-of-results {float: left; margin:0; text-align: left;} /* -------------------------------------------------------------- */ /* == content page layout == */ .page .main {background: #fff; border: 1px solid #646464; margin: 0 1em; padding: 1em; overflow: hidden;} .page .housingmain {background: #fff; border: 1px solid #646464; margin: 0 1em; padding: 1em; overflow: hidden; width:70%;} /* article page columns */ .page .article {float: left; width: 72%;} .page .highlights {float: right; width: 25%;} /* === highlight elements === */ .page .highlight {position: relative; border: 1px solid #F0F0F0; background: #fff url(/static_images/v1/bg_page_highlight.gif) 0% 100% repeat-x;} .page .highlight h2 span, .page .highlight2 h2 span {position: absolute; left: -999em; top: 0;} .page .highlight li, .page .highlight2 li {width: 100%;} .see-also h2 {height: 20px; margin:0; background: url(/static_images/v1/bg_highlight_title_see-also.gif) no-repeat;} .see-also_ru h2 {height: 20px; margin:0; background: url(/static_images/v1/bg_highlight_title_see-also_ru.gif) no-repeat;} .contacts h2 {height: 20px; margin:0; background: url(/static_images/v1/bg_highlight_title_contacts.gif) no-repeat;} .page .highlight2 {position: relative; border: 1px solid #646464; background: #fff;} /* pagination */ .page .pagination {padding: 0 1em;} .page .before-content {margin: -1em -1em 1em -1em; border-top: 0; border-bottom: 1px solid #646464;} .page .after-content {position: absolute; margin: 1em -1em -1em -1.1em; border: 1px solid #646464;} .page *[class~="after-content"] {position: relative; border: 0; border-top: 1px solid #646464; margin: 1em -1em -1em -1em;} .page .prev a {padding-left: 1em; background-position: 0 5px;} .page .next a {padding-right: 1em; background-position: 100% 5px;} /* === location page specific === */ .location-number {padding-right: 1em; font-style: normal;} #location-images {overflow: hidden; width:99%; clear: both; margin-bottom: 1em;} #location-images a {margin: 2px; float: left; border: 1px solid #039; overflow: hidden;} #location-images .active a, #location-images a:focus, #location-images a:active, #location-images a:hover {border: 3px solid #f90; margin:0;} #location-images ul {clear: both; margin-left:-1px; padding-top: 1em; } #location-images li {margin:0 1em 0 0; list-style: none; float: left; height: 60px;} #location-images td a { width: 65px; height: 55px; border: 3px solid #fff; margin:0.5em 0 0 0; outline: none; } #location-images td a:hover, #location-images td a:active, #location-images td a:focus { width: 65px; height: 55px; border: 3px solid #f90; margin:0.5em 0 0 0; outline: none; } #location-images table.thumbImages { width:412px;clear:left; margin-left:-1px; padding-top: 1em; } #location-images td {padding: 0 0.2em 0 0.2em;} /* available location tours */ #location-tours {clear: both; overflow: hidden; width: 100%; margin: 1em 0 1.5em; float: left;} #location-tours .virtual-tour {background: url(/static_images/v1/icon_virtual_tour.gif) 0 2px no-repeat;} #location-tours .video-tour {background: url(/static_images/v1/icon_video.gif) 0 2px no-repeat;} #location-tours .extralink {background: url(/static_images/v1/linkkiUlos.gif) 0 2px no-repeat;} #location-tours .map {background: url(/static_images/v1/icon_map.gif) 0 2px no-repeat;} #location-tours li a {padding-left: 25px;} #location-tours li {margin:0; list-style: none; float: left; padding-left: 1em; width: 30%;} /* contact info box */ .contact-info {width: 95%; line-height: 1.5em; clear: both; background: #F0F0F0 url(/static_images/v1/bg_hcard.gif) repeat-x; padding: 1em; font-size: 0.915em; overflow: hidden; margin-bottom: 1em;} .contact-info .fn {font-size: 1.275em; margin-bottom: 0.5em; font-weight: bold; display: block;} .contact-info address {width: 49%; float: left;} .contact-info .links {width: 49%; float: left;} .contact-info .links li {padding:1px 0;} /* item */ .colOneThirdItemL { font-weight:bold; width:40% } .colOneThirdItemL2 { width:40% } .colOneThirdItemR2 { font-weight:bold; } .colOneThirdItemR3 { font-weight:normal; } .finance {border: 1px solid rgb(171, 171, 171); background-color:#ffffff; height: 35px; width: 158px; margin-top: 5px; padding-left:8px; background: url(/static_images/v1/finance.gif) 0 0px no-repeat;} .finance a {display: block; text-decoration: none; color:#000000; font-weight: normal; font-size: 0.915em;} .finance a:hover {text-decoration: underline;} .finance_item {height: 40px; width: 395px; margin-bottom: 5px; padding-left:8px; background: url(/static_images/v1/banner_1.gif) 0 0px no-repeat;} .finance_item a {display: block; text-decoration: none; color:#000000; font-weight: normal; font-size: 0.915em;} .finance_item a:hover {text-decoration: underline;} .finance_text {padding-top: 10px; padding-left:40px;} .textsmall {font-size: 0.8em; font-weight: normal; font-style: normal;} /* KARTTAHAKU */ .searchMap { float: left; width: 640px; margin: 20px 0px 0px 15px; } #targetContainer { float: left; width: 100%; } .target { float: left; width: 131px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; } .target { width: 136px; w\idth: 131px; } #map { float: left; width: 403px; } #mapControl { float: left; width: 150px; height:287px; background-color:#EEEEEE; } #mapControl div { float: left; } #mapControl #scale { margin-left: 14px; margin-top: 5px; padding: 5px; } #mapControl .mapControlOtsikko { margin: 0; margin-top: 20px; padding: 0; width: 100%; text-align: center; } #mapControl #zoom { width: 150px; margin-left: 14px; padding: 5px; } #mapControl #zoom a { float: left; } #mapControl #arrows { width: 115px; margin-left: 14px; padding: 0 1px 1px 5px; position:relative; } #mapControl #arrows img { float:left; margin-right: 6px; margin-bottom: 6px; } #mapControl #arrows img.topArrow { margin-top: 6px; } #mapControl #arrows img.eastArrow { margin-right: 30px; } #mapControl #arrows img.eastBottomArrow { position:absolute; bottom:1px; left:5px; _margin-top:5px;} #buttonContainer { float: left; width:100%; } #searchMapHelp { float: left; width: 640px; margin-top: 20px; margin-bottom:5px; } #searchMapHelp div { background-color: #FFFFFF; border: 1px solid #969C98; } #searchMapHelp div.huom2 { border: 2px solid #FFFFFF; padding:5px 5px 5px 5px; width: 95%; margin: 0px 0px 10px 10px; } .zoombox {position: absolute; visibility: hidden; width:1px; height:1px;} /*oranssi virheilmoitus*/ .oranssikorostus { color : #ff8800; font-weight: bold; } .failedText { color : #ff8800; font-weight: bold; } #itemPrintContainer { margin:30px 10px 10px 10px; } .contactstable {width: 300px;} .contactscolumn1 {width: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .contactscolumn2 {width: 280px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;} /* -------------------------------------------------------------- */ /* == footer == */ #copyright {clear: both; width: 99%; text-align: right; padding: 1em 0 0 0; font-size: 0.915em;} #copyright a {text-decoration: none;} #copyright a:hover {text-decoration: underline;} /* INTERNETMYYNTI */ #content .narrow {width: 25%;} #content .narrow2 {width: 15%;} #content .small {width:20%;} #content .smallest {width:15%;} .add div {float: left; width: 33%;} #content .postarea {width:40%;} table.internetsaleContent td {padding:0; margin:0;} table.internetsaleContent td h3 {margin-left:0px;} .bannerspace {width:21%;} .bannerspace2 {width:21%;} .bannerspace p {margin:5px;} #internetsaleinfo {border: 2px solid #FF6E00; margin:0 0 5px 10px; padding:5px;} #internetsaleinfo2 {width:99%; clear:both; border: 2px solid #FF6E00; text-align:center; padding:5px 0 0 0;} .presentationtext {width:400px; height:80px;} .contacttime {width:400px; height:30px;} .content-search a {text-decoration: underline; font-weight: bold;} .content-search {margin-top: 1.3em; } /*N?m? poistetaan kun css:t yhdistet??n, koska l?ytyv?t jo toisesta*/ .right {float:right;} span.bold {font-weight:bold;} .inline {display:inline;} .huom { border: 2px solid #FF6E00; padding:5px 5px 5px 5px;} .huom2 { border: 2px solid #FF6E00; padding:5px 5px 5px 5px; width: 95%; margin: 0px 0px 10px 10px;} .internetsale_text { border: 2px solid #FF6E00; padding:5px 5px 5px 5px; text-align:center;} /* -------------------------------------------------------------- */ /* OFFICEPAGES */ .officepagehighlight {padding: 1em 1em 0; border: 1px solid #646464; background: #fff; margin-bottom: 10px; font-size: 0.915em;} .officepagebanner a {color: #646464; text-decoration:none; background-image:none; font-size:18px; padding:0 0 0 0; font-style:normal; margin 0;} .officepagebanner a#selected {color: #FF6E00; text-decoration:none; background-image:none; font-size:20px; padding:0 0 0 0; font-style:normal} .officepagebanner img {display: inline; margin: 0 0 0 1px;} .officepagebanner { border: 1px solid #646464; background: #fff; margin-bottom: 10px;} .personnel {background: #fff; padding:} .personnel li {width: 100%;} .personnel img {float: right;} .selected {color:#FF6600} .quicksearch2 {background: #fff; color: #000000; font-size: 1em; background: #fff;} .quicksearch2 h2 {font-size: 1.5em; margin:0; min-height: 3em; height: 3em;} .quicksearch3 {background: #fff; color: #000000; font-size: 1em; _height:232px;} .quicksearch3 h2 {font-size: 1.5em; margin:0; min-height: 3em; height: 3em;} .quicksearch3 div {width: 100%; min-height: 45px; height:45px; overflow:hidden; _overflow:visible;} *[class~="quicksearch3"] div {height: auto;} .quicksearch3 div p {float: left; clear: none;} .quicksearch3 img {float: left; margin: 0 1em 0 0;} .new2 {background: #fff; height:277px;} .new2 div {padding-bottom: 1em; width: 100%; min-height: 45px; height:45px; overflow:hidden; _overflow:visible;} *[class~="new"] div {height: auto;} .new2 p {clear: both;} .new2 div p {float: left; clear: none;} .new2 img {float: left; margin: 0 1em 0 0;} .officeitems {background: #fff; color: #000000; font-size: 1em;} .officeitems h2 {font-size: 1.5em; margin:0; min-height: 3em; height: 3em;} .officepagelink {color: #003396; text-decoration: none;display: inline; height: auto; margin-left: 10px; padding-right: 12px; font-size:16px; font-size:1.165em; white-space: nowrap;} table.officepageContent td {padding:0; margin:0;} .officepagebannerspace {width:21%;} .officepagecontentspace p {margin:15px; float:left} .officepage-article {float: left; width: 70%;} .officepage-see-also {position: relative; border: 1px solid #F0F0F0; background: #fff url(/static_images/v1/bg_page_highlight.gif) 0% 100% repeat-x;} .officepage-see-also h2 span {position: absolute; left: -999em; top: 0;} .officepage-see-also li {width: 100%;} .officepage-see-also h2 {height: 20px; margin:0; background: url(/static_images/v1/img/bg_highlight_title_see-also.gif) no-repeat;} .bankbanner {border: 1px solid #646464; width:210px; margin-top: 10px;} .showcase {background: #fff; color: #000000; font-size: 1em; height: auto; width:670px;} .showcase h2 {font-size: 1.5em; margin:0;} .showcase img {float: right; width:210px; margin:0; display: inline;} .showcase div {float: left;width:400px;} a.abc_aktiivinen { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #646464; text-decoration: none; font-weight: bold; } a.abc_aktiivinen:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #f90; text-decoration: none; font-weight: bold; } .abc_passiivinen { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #C3D0D4; text-decoration: none; font-weight: bold; } .abc_bluetitle { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #646464; text-decoration: none; font-weight: bold; } a.abc_linkki {color: #003396; text-decoration: none;} a.abc_linkki:hover {color: #003396; text-decoration: underline;} .bluetitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #646464; font-weight: bold; margin-top: 15px; } /* ==== picks ==== */ .item_picks {background: #fff;} .item_picks li {width: 100%;} /* -------------------------------------------------------------- */ /* OMA OPKK */ td.ownopkk_contacts { padding: 20px 0px 0px 0px; font-weight: bold; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #F0F0F0; } td.ownopkk_contacts_line { border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #F0F0F0; } /* Internetmyynnin kohteiden listasivulle k?ytetty painiketyyli */ input.buttonLink { color: #646464; font-weight: bold; background-color: transparent; border: none; cursor: pointer; text-decoration: underline; } input.buttonLink:hover,input.buttonLink:focus { text-decoration: underline; } /* -------------------------------------------------------------- */ /* Tekstilaatikkoa muistuttava tyyli, internetmyynnin vahdin lis?ys. */ span.textBox { border: 1px solid #888888; padding: 1px } /* -------------------------------------------------------------- */ /* Tekstilaatikkoa muistuttava tyyli, internetmyynnin printtisivu. */ div.textBox { border: 1px solid #888888; padding: 1px } /* -------------------------------------------------------------- */ /* Muutospyynt?sivun tyylej?: */ #item-change-images {width: 100%; clear: both;} #item-change-images ul {clear: both;} #item-change-images li {margin:0 1em 0 0; list-style: none; float: left;} /* -------------------------------------------------------------- */ /* v?litt?j?n yhteystietosivulla k?ytetty palautelomakkeelle viev?ss? linkiss? k?ytetty tyyli (s?hk?posti) */ a.feedbackUrl { background: none; margin: 0; padding: 0; display: inline; } /* -------------------------------------------------------------- */ /* ------ Fonecta karttarajaus ----------*/ div#map_all { margin-left: 0.8em;} div#map_top_controls {float: left; width: 765px; margin-top: 20px; margin-bottom: 5px;font-size:11px;} div#map_set_centerpoint {float: left; height: 50px; width: 505px; margin-right: 5px; background-color: #E6E6E6;} div#map_set_centerpoint_content {float: left; padding-left: 10px;} div#map_control_title {float: left; padding-top: 10px;} div.map_control_textbox {float: left; padding-top: 8px; padding-left: 7px;} div#centerpoint_city_field {color: #666666; width: 135px; height: 14px;} div#centerpoint_address_field {color: #666666; width: 135px; height: 14px;} #centerpoint_set_button {margin-top: 1px;} div#floatright {float:right;padding-right:0;} div#floatleft {float:left;} div#map_control_button {float: left; padding-top: 8px; padding-left: 4px;} div#map_help_div {float: left; height: 50px; width: 255px; background-color: #F4E8AE;} div#map_help_div div {padding: 10px 0 0 20px;} div#map_area_div {float: left; height: 510px; width: 764px;} div#map_submit_form {float: left; width: 765px; text-align: center; margin-top: 5px;} div#map_icon_links {float:right; } #itempage_map_fonecta_logo {position: absolute; top: 104px; left: 454px;} /* div#map_icon_links {background-position: center; background-repeat: no-repeat; background-image: url("http://127.0.0.1/static_images/v1/loading.gif");} */ /*kampanja*/ .kampanja_office {background-color:#ffffff; height: 90px; width: 460px; margin-top: 5px; background: url(/static_images/v1/Harkit_asunnon_vaihtoa470.jpg) 0 0px no-repeat;} .kampanja_office a {display: block; text-decoration: none; color:#ffffff; font-weight: bold; font-size:11px; width:350px; margin-left: 8px;} .kampanja_office a:hover {text-decoration: underline;} .kampanja_item {background-color:#ffffff; height: 83px; width: 419px; margin-top: 5px; background: url(/static_images/v1/Harkit_asunnon_vaihtoa510.jpg) 0 0px no-repeat;} .kampanja_item a {display: block; text-decoration: none; color:#ffffff; font-weight: bold; font-size: :11px; width:300px; margin-left: 8px;} .kampanja_item a:hover {text-decoration: underline;}