/* Etuovi.com sivukohtaiset tyylit, Etuovi Crometille 2005 projekti */ /* LOGIN */ #loginForm { float: left; /*width: 245px;*/ margin-top: 15px; height: 150px; background: #FFE479 url("../../../static_images/etuovi-kuluttaja/v1/omaetuovi_kuvitus_vas.jpg") no-repeat top left; } #loginForm div { padding-top: 20px; padding-left: /*95px*/ 140px; padding-right: 0; padding-bottom: 2px; } #loginText { float: left; width: 511px; margin-left: 10px; margin-top: 15px; height: 150px; background: #F4E7B0 url("../../../static_images/etuovi-kuluttaja/v1/omaetuovi_kuvitus_oik.jpg") no-repeat top right; } #loginText div { padding-top: 20px; padding-left: 15px; } div#newLoginForm { float: left; height: 304px; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/omaeo_eikirj_tausta.jpg") no-repeat top right; border-top: 1px solid #CC6600; } div#newLoginFormPaddings { padding-top: 20px; padding-left: 20px; } #newLoginFormFields { float: left; width: 370px; height: 40px; margin-top: 15px; padding-top: 6px; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/kirjaudu_lokero.gif") no-repeat; } div#newLoggedInForm{ float: left; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/omaeo_kirj_tausta.jpg") no-repeat top right; border-top: 1px solid #CC6600; } div#newLoggedInFormPaddings { float: left; padding-top: 20px; padding-left: 20px; } /* ETUSIVU */ div#kohdenumerohaku { float: left; margin-top: 7px;} div#kohdenumerohaku div { float: left; height: 16px; margin-top: 5px; } INPUT.textfieldLogin { width: 66px; margin: 0; padding: 0; border: 1px solid #9D9DA1; font-size: 11px; padding-left: 2px; } /* etusivun uudet osat */ .etusivu_col6px { float: left; width: 6px; height:20px;} .etusivu_colOneThird_gab_between { float: left; width: 251px; } .etusivu_colOneThird_gab_between_plus1px { float: left; width: 252px; } /* keskimmäisen 1/3 ruutua olevan kolumnin pitää olla 1px leveämpi jotta saadaan koko näytön leveys 766px jaettua kolmelle kolumnille*/ div.etusivu_colOneThird_content { margin-left: 10px; margin-top: 40px; margin-right: 10px; margin-bottom: 10px; } div#etusivu_ylaosa { float: left; } div#ilmoitusasiakkaat { height: 25px; text-align: right; } div#ilmoitusasiakkaat a { color: #DD8920; font-weight: normal; font-size: 11px; } div.etusivu_haku_isolinkki { float: left; width: 230px; margin-top: 5px;} div#etusivu_tarkkahaku { float: left; height: 312px; } div.etusivu_tarkkahaku_katkoviiva { float: left; width: 214px; margin-top: 10px; background: url("../../../static_images/etuovi-kuluttaja/v1/katkolinja_tarkka_haku.gif") no-repeat top left; } div#etusivu_pikahaku { float: left; height: 312px; background: url("../../../static_images/etuovi-kuluttaja/v1/haut_rajahaive.jpg") no-repeat bottom left;} div.etusivu_pikahaku_katkoviiva { float: left; width: 100%; margin-top: 6px; padding-top: 7px; background: url("../../../static_images/etuovi-kuluttaja/v1/katkolinja_pikahaku.gif") no-repeat top left; } div.etuovi_pikahaku_leftTitle { float: left; width: 75px; } div.etuovi_pikahaku_rightTitle { float: left; width: 155px; } div#etusivu_laskurit {float: left; height: 312px; background: #F4E8AD; } div#etusivu_laskuri_topLeft { float: left; height: 12px; width: 12px; background: url("../../../static_images/etuovi-kuluttaja/v1/laskuri_kulma_vas_yla.gif") no-repeat top left;} div#etusivu_laskuri_topCenter { float: left; height: 12px; width: 227px; } div#etusivu_laskuri_topRight { float: left; height: 12px; width: 12px; background: url("../../../static_images/etuovi-kuluttaja/v1/laskuri_kulma_oik_yla.gif") no-repeat top right;} div#etusivu_laskuri_content { float: left; height: 288px; } div#etusivu_laskuri_date { float: left; text-align: center; font-size: 17px; font-weight: bold; } div#etusivu_laskuri_top { float: left; width:202px; height: 8px; background: url("../../../static_images/etuovi-kuluttaja/v1/laskuri_yla.gif") no-repeat bottom; } div#etusivu_laskuri_left { float: left; width: 9px; height: 48px; background: url("../../../static_images/etuovi-kuluttaja/v1/laskuri_vasen_sivu.gif") no-repeat top; } div.etusivu_laskuri_number { float: left; width:37px; height: 48px; background: url("../../../static_images/etuovi-kuluttaja/v1/9.gif") no-repeat top; } div#etusivu_laskuri_right { float: left; width: 9px; height: 48px; background: url("../../../static_images/etuovi-kuluttaja/v1/laskuri_oikea_sivu.gif") no-repeat top left;} div#etusivu_laskuri_bottom { float: left; width:202px; height: 8px; background: url("../../../static_images/etuovi-kuluttaja/v1/laskuri_ala.gif") no-repeat top left;} div#etusivu_laskuri_vasennuoli { float: left; clear:left; padding-top: 35px; width: 11px; height: 54px; } div#etusivu_laskuri_oikeanuoli { float: left; padding-top: 35px; width: 11px; height: 54px; } div#etusivu_laskuri_bottomLeft { float: left; height: 12px; width: 12px; background: url("../../../static_images/etuovi-kuluttaja/v1/laskuri_kulma_vas_ala.gif") no-repeat bottom left;} div#etusivu_laskuri_bottomCenter { float: left; height: 12px; width: 227px; } div#etusivu_laskuri_bottomRight { float: left; height: 12px; width: 12px; background: url("../../../static_images/etuovi-kuluttaja/v1/laskuri_kulma_oik_ala.gif") no-repeat bottom right;} /*Etusivun OmaEtuovi boxi*/ #etusivu_tunnus_text, #etusivu_salasana_text { position: relative; float: left; clear: left; margin-top: 1px; margin-bottom: 2px; left: 8px; width: 64px; font-weight: bold; font-size: 11px; } #etusivu_tunnus_field, #etusivu_salasana_field { float: left; margin-bottom: 2px; width: 72px; } #etusivu_omaetuovi_register {width: 230px; margin: 0 10px;} #etusivu_omaetuovi_selite { margin: 0 10px 14px; width: 250px; font-family: Arial, sans-serif; font-size: 12px; line-height: 14px; } div#etusivu_omaetuovi_kirjautuneena {float: left; padding:3px 0 0 15px; width: 123px; font-size: 11px;} div#etusivu_omaetuovi_kirjaudu_ulos {float: left; padding:3px 0 0 10px; font-size: 11px;} div#etusivu_omaetuovi_colhalf {position: relative; display: block;float: left; width: 380px; height: 259px; padding: 0; background: #f7edbc url("../../../static_images/etuovi-kuluttaja/v1/piski.gif") right top no-repeat; border-top: 1px solid #c4781e;} div#etusivu_omaetuovi_colhalf_title {width: 114px; height: 23px; margin: 7px 10px 14px 10px; padding: 0;} #etusivu_omaetuovi_colhalf_title img {width: 114px; height: 23px; border: 0;} #etusivu_omaetuovi_colhalf #etusivu_omaetuovi_ingressi {width: 183px; height: 57px; margin: 0 0 7px 11px; padding: 0; background: url("../../../static_images/etuovi-kuluttaja/v1/otsikko.gif") left top no-repeat;} #etusivu_omaetuovi_colhalf #etusivu_omaetuovi_ingressi span { display: none; } #etusivu_omaetuovi_fields_2 {position: relative; float: left; display: block; clear: both; width: 243px; height: 48px; margin: 0 10px 2px 0; left: 10px; padding: 11px 0 0; background: #f7edbc url("../../../static_images/etuovi-kuluttaja/v1/kirjaudu_loota.gif") left top no-repeat;} #etusivu_omaetuovi_input_fields {float:left; width:143px;} .etusivu_loginsubmit {float:left;} div#etusivu_omaetuovi_colhalf_banner { float: left; width: 380px; height: 260px; background: #EECF8E; text-align: center;} div#etusivu_etuovilehti { float: left; height: 284px; margin-top: 12px; border-top: 1px solid #CC6600;} div#etusivu_etuovilehti_top { float: left; height: 139px; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/tausta_etuovilehti.jpg") no-repeat top right; } div#etusivu_etuovilehti_bottom { float: left; height: 145px; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/lehden_leima.gif") no-repeat bottom right; } div.etusivu_etuovilehti_date { float:left; padding-top: 6px; width: 40px; } div.etusivu_etuovilehti_city { float:left; padding-top: 6px; width: 190px; } div#etusivu_markkinapuntari { float: left; height: 284px; margin-top: 12px; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/markkinapuntari_otsikko.gif") no-repeat top left; border-top: 1px solid #CC6600;} div#etusivu_markkinapuntari_graafidiv {float: left; width: 229px; height: 70px; background: #EDD08C; margin-top: 2px;} div#etusivu_asuntokaupan_ammattilaiset { float: left; height: 284px; margin-top: 12px; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/tausta_asuntokaupan_amm.jpg") no-repeat top right; border-top: 1px solid #CC6600;} INPUT.textfieldYritysKunta { width: 115px; margin: 0; padding: 0; border: 1px solid #9D9DA1; font-size: 11px; } div#etusivu_asuntokaupan_ammattilaiset_ilmoitus {float: left; width: 229px; height: 79px; background: #EDD08C; margin-top: 20px; } div#etusivu_asuntokaupan_ammattilaiset_ilmoitus div {padding-top: 8px; text-align: center;} div.etusivu_mainospohja_left { float: left; margin-top: 3px; height: 100px; width: 607px; background: #E0ECDA; } div.etusivu_mainospohja_left div#kuva1 { float: left; width: 127px; padding: 10px 10px 10px 10px; } div.etusivu_mainospohja_left div#teksti { float: left; width: 349px; padding: 10px 10px 10px 10px; } div.etusivu_mainospohja_left div#kuva2 { float: left; width: 76px; padding-top: 10px; padding-left: 0 } div.etusivu_mainospohja_right { float: left; margin-top: 3px;margin-left: 3px; height: 100px; width: 156px; background: #EEEEEE url("../../../static_images/etuovi-kuluttaja/v1/kulma_pikkubannerit.gif") no-repeat bottom right;; } div.etusivu_mainospohja_right div#kuva1 { float: left; width: 150px; padding: 0 0 0 6px; } div#etusivu_kl_nostopala { background-color: #EFEFEF; margin-top: 12px; } div#etusivu_kl_nostopala div#white_div { background-color: #FFFFFF; margin: 8px 10px 8px 10px; } /* OWNPAGE */ div#sopimusasiakkaat { height: 20px; text-align: right; } div#sopimusasiakkaat div { margin-right: 10px; margin-top: 3px;} div#sopimusasiakkaat a { color: #DEA83E; font-weight: bold; font-size: 11px; padding-top: 5px; } div#ownpageAdmin { float: left; margin-top: 15px; width: 245px; height: 150px; background: #FFE479 url("../../../static_images/etuovi-kuluttaja/v1/omaetuovi_kuvitus_vas.jpg") no-repeat top left; } div#ownpageAdmin div { padding-top: 20px; padding-left: /*80*/ 120px; padding-right: 0; } div#ownpageText { float: left; margin-left: 10px; margin-top: 15px; width: 511px; height: 150px; background: #F4E7B0 url("../../../static_images/etuovi-kuluttaja/v1/omaetuovi_kuvitus_oik.jpg") no-repeat top right; } div#ownpageText div { padding-top: 20px; padding-left: 15px; } div#ownpageText div p { line-height: 18px; } div#ownpageLeft { float: left; width: /*466px*/ 766px; margin-top: 20px; } div#ownpageDeko { float: left; width: 250px; margin-top: 1px;} div#ownpageDeko p, div#ownpageMarket p, div#ownpagePuntari p, div#ownpageHypoteekki p { padding-top: 5px; padding-left: 5; padding-right: 0; }/*deko on 211px */ div#ownpageMarket { float: left; width: 250px; margin-left: 5px; } div#ownpageHypoteekki { float: left; width: 256px; margin-left: 5px; margin-top: 1px;} div#ownpagePuntari { clear: left; width: 461px; margin-top: 10px; } div#ownpageAd { float: left; width: 300px; height: 250px; margin-top: 20px; /*background-color: #090145;*/ } /* HAUT JA VAHDIT */ table#searches { width: 731px; border-collapse: collapse; border: 1px solid #999999; } /*table#searches TH { padding-left: 9px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #999999; background-color: #EDD08C; text-align: left; }*/ table#searches TD { padding-left: 9px; padding-right: 9px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; } table#searches a { font-weight: normal; } /*div#newLoggedInForm{ float: left; height: 278px; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/omaeo_kirj_tausta.jpg") no-repeat top right; border-top: 1px solid #CC6600; }*/ div#newLoggedInForm{ float: left; background: #F4E8AD; border-top: 1px solid #CC6600; } div#newLoggedInFormPaddings { float: left; padding-top: 20px; padding-left: 19px; padding-right: 16px; } div#omaeo_selite_kehys { float: right; width: 360px; height: 203px; background: #F4E8AD url("../../../static_images/etuovi-kuluttaja/v1/omaeo_selite_kehys.gif") no-repeat top right;; } div#omaeo_tallennetut_vahdit_base { float: left; padding-left: 19px; padding-bottom: 20px; padding-right: 16px; } /*Hakusivun skeleton (kolmiomainosta varten, jos kolmiomainosta ei ole niin tyyleistä pois _search ja toimii kuten muutkin sivut.)*/ div#body_search {width:1070px; margin-left:10px; background: #FFFFFF url("../../../static_images/etuovi-kuluttaja/v1/sivun_taustakuva.jpg") no-repeat 0 1px;} div#topBanner_search {padding:0 115px 0 0; float: right; height: 100px;} /* HAKUSIVU */ #search_itemcode_base { background: #EEEEEE; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 12px 0 12px 0; text-align: center; margin-top: 20px; text-align: left; } #search_itemcode_base div {padding-left:16px;} #search_itemcode { float: right; margin-top: 15px; margin-bottom: 15px; margin-right: 10px; background-color: #eeeeee; padding: 1px 5px 9px 5px; border: 1px solid #999999; width: 280px; margin-left: 240px; } *HTML #search_itemcode { width: 292px; w\idth: 280px; margin-right: 5px; margin-left: 120px; } #areaSelection, #apartmentSelection, #siteSelection, #farmSelection, #itemSelection, #costSelection, #attributeSelection, #extraSelection { background-color: #eeeeee; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; } #country { float: left; margin-left: 16px; width: 164px; } *HTML #country { margin-left: 8px;} #searchEsittelyssa_apartments {float:left;height: 80px; padding: 0 0 0 25px; background: url('../../../static_images/etuovi-kuluttaja/v2/searchpage/esittelykyltti_v2.gif') top left no-repeat;} #searchEsittelyssa_new_buildings {height: 80px; margin-top: 10px; padding: 10px 0 0 25px; background: url('../../../static_images/etuovi-kuluttaja/v2/searchpage/esittelykyltti_v2.gif') top left no-repeat;} #searchEsittelyssa_others {float: left; margin-left: 20px; height: 80px; padding: 0 0 0 65px; background: url('../../../static_images/etuovi-kuluttaja/v2/searchpage/esittelykyltti_v2.gif') top left no-repeat;} #county, #municipality { float: left; margin-left: 15px; } *HTML #county { margin-left: 8px; } #county_helptext {clear: left; margin-left: 16px; } #postarea {float: left; border: 1px solid #999999; margin-left: 15px; margin-top: 14px; padding: 12px 12px 12px 12px; height: 122px; } *HTML #postarea { margin-left: 8px;} #postarea_help_text {clear: left; margin-left: 16px;} #searchpage_clear_button {background: #666666; border: 2px outset #666666; margin-top: 17px;} *HTML #searchpage_clear_button {margin-top: 16px;} #searchpage_save_button {margin-top: 17px;} *HTML #searchpage_save_button {margin-top: 16px;} #searchpage_search_button {margin-right: 10px; margin-top: 11px; margin-left: 5px;} *HTML #ownership, *HTML #apartmentType, *HTML #price, *HTML #apartment, *HTML #extra, *HTML #site, *HTML #farm, *HTML #item { margin-left: 8px; } #numberOfItemsContainer { width: 390px; background-color: #ffffff; border: 0; height: 20px;} /* float: right; margin-right: 10px; } *HTML #numberOfItemsContainer { width: 300px; w\idth: 280px; margin-right: 5px; } IE6 margin puolitetaan */ #numberOfItemsBase {float: left; width: 439px; } #numberOfItemsContainer {float: left; background-color: #ffffff; } #numberOfItemsContainerTop { float: left; width: 330px; height: 15px; margin-top: 20px; margin-right: 15px;} /*#numberOfItemsArea { float: left; height: 15px; text-align: left; font-size: 14px; line-height: 14px; font-weight: bold; color: #006633; border: 0; background-color: yellow; }*/ /*#numberOfItems { float: left; height: 15px; text-align: left; font-size: 14px; line-height: 14px; font-weight: bold; color: #006633; border: 0; background-color: transparent; }*/ #selectedAreasContainer { float: left; width: 741px; height: 100px; padding-left: 15px; height: 20px; background: #eeeeee;} *HTML #selectedAreasContainer { 756px; w\idth: 741px; } #selectedAreas { background-color: #eeeeee; border: none; width: 650px; font-size: 11px; } .vacationmapsearch img {padding:20px 0 0 0; margin:0;} .vacationmapsearch a {text-decoration:none;} /* KARTTAHAKU */ .searchMap { float: left; width: 545px; background-color: #eeeeee; margin-top: 20px; } div#targetContainer { float: left; width: 100%; border-bottom: 1px solid #333333; } div.target { float: left; width: 131px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; } *HTML div.target { width: 136px; w\idth: 131px; } div#map { float: left; width: 403px; } div#mapControl { float: left; width: 135px; } div#mapControl div { float: left; } div#mapControl div#scale { width: 115px; margin-left: 14px; margin-top: 5px; } *HTML div#mapControl div#scale { margin-left: 7px; } div#mapControl div.mapControlOtsikko { margin: 0; margin-top: 20px; padding: 0; width: 100%; text-align: center; } div#mapControl div#zoom { margin-left: 28px; background-color: #cccccc; padding: 5px; } *HTML div#mapControl div#zoom { margin-left: 14px; } div#mapControl #arrows { margin-left: 28px; background-color: #cccccc; padding: 0 1px 1px 5px; } *HTML div#mapControl #arrows { margin-left: 14px; } div#mapControl #arrows img { margin-right: 4px; margin-bottom: 4px; } div#mapControl #arrows img.topArrow { margin-top: 5px; } div#mapControl #arrows img.eastArrow { margin-right: 28px; } div#buttonContainer { float: left; width:100%; border-top: 1px solid #333333; } div#searchMapHelp { float: left; width: 221px; margin-top: 20px; } div#searchMapHelp div { background-color: #F4E7B0; border: 1px solid #969C98; margin-left: 10px;} .zoombox {position: absolute; visibility: hidden; width:1px; height:1px;} /* HAKUA SUORITETAAN */ #searchAdTable { width: 100%; height: 100%; } #searchAdTable td { text-align: center; vertical-align: middle; } #searchAd { margin-left: auto; margin-right: auto; width: 610px; text-align: center; } /* HAKULISTA */ div#listIndicatorIcons { margin-bottom: 2px; } #searchCriteria { float: left; margin-top: 5px; width: 390px; } #itemsFromTo { float: right; padding-top: 15px; padding-bottom: 10px; } #itemsOnPage { float: left; width: 230px; padding-top: 15px; padding-bottom: 10px; } div#listNaviBase {float:left; font-size: 11px; height: 35px; width: 768px; background-color: #F8F1D4; margin-bottom: 1px; } div#listNaviBase div#listNaviOrdering { float: left; width: 205px; height: 20px; margin-top: 10px; } div#nb_listNaviNumbers { float: left; width: 100%; margin-left: 9px; margin-top: 7px; text-align: left; } #nb_listNaviNumbers a {font-size: 11px; font-weight: normal;} div#listNaviNumbers { float: left; width: 395px; height: 20px; margin-top: 10px; text-align: center; } #listNaviNumbers a {font-size: 11px; } #listNaviNumbersCurrent {font-size: 11px; font-weight: bold;} div#listNaviBase div#listNaviPrintDiv {float: right; width: 30px; margin-top: 7px;} div#listNaviBase div#listNaviShowRowAmount {float: right; width: 120px; height: 20px; margin-top: 10px;} div#listNaviShowRowAmount a {font-weight: normal;} div#list_top_commercials { float: left; width: 766px; } div#between_list_top_commercials { margin: 4px 0 4px 0; } /* 22.9. TN: EDITED */ #watch_dog { float: left; width: 327px; height: 61px; background: url("../../../static_images/etuovi-kuluttaja/v2/listpage/vahti_tausta.gif") no-repeat top left; } #watch_dog_small { float: left; width: 327px; height: 26px; background: url("../../../static_images/etuovi-kuluttaja/v1/vahti_tausta_pieni.gif") no-repeat top left; margin-top: 16px;} #watch_dog_paddings { padding: 5px 10px 5px 10px;min-height:52px;_height:52px;background:url('../img/piski3.gif') 265px 5px no-repeat;} #watch_dog_paddings_small { padding: 5px 10px 0px 10px; } #watch_dog_button, #stw_watch_dog_button {font: bold 10px Verdana, Arial, sans-serif; line-height: 12px; background-color: #990033; color: #ffffff; margin: 0; border: 2px outset #D69BAF; padding:0 5px;overflow:visible;width:auto;} /* TN: NEW */ #watch_dog.stw {background:url('../../../static_images/etuovi-kuluttaja/v2/listpage/EAV_box_top.gif') left top no-repeat;position:relative;height:auto;} #stw_watch_dog {background:url('../../../static_images/etuovi-kuluttaja/v2/listpage/EAV_box_bottom.gif') left bottom no-repeat;border-top:1px solid #db7a00;padding: 5px 10px;float:left;width: 307px;} #stw_full {display:none;min-height:55px;_height:55px;background:url('../../../static_images/etuovi-kuluttaja/v2/listpage/EAV_kyltti.gif') right top no-repeat;} .watch_dog_info {margin-top:3px;width:245px;} /* /TN ENDS*/ div.logged_username {margin-top: 10px; float: left; width: 200px;} div.logged_username_small {margin-top: 1px; float: left; width: 200px;} div.logged_logout {margin-top: 8px; float: right; width: 100px; float: right; text-align: right;} div.logged_logout_small {margin-top: 1px; float: right; width: 100px; float: right; text-align: right;} div.not_logged {margin-top: 10px; float: left; width: 100px;} div.not_logged_small {margin-top: 1px; float: left; width: 100px;} div.not_logged_login {margin-top: 8px; width: 200px; float: right; text-align: right;} div.not_logged_login_small {margin-top: 1px; width: 200px; float: right; text-align: right;} #listNavi { float: left; width: 255px; text-align: right; padding-top: 15px; padding-bottom: 10px; } table#searchList, table#searchListRental, table#searchListHoliday, table#searchListSite, table#searchListFarm, table#searchListOther { table-layout: fixed; width: 766px; border-collapse: collapse; clear: left; margin-left: 2px;} /* empty row */ table#searchList tr.empty, table#searchListRental tr.empty, table#searchListHoliday tr.empty, table#searchListSite tr.empty, table#searchListFarm tr.empty, table#searchListOther tr.empty {background-color: white; } table#searchList tr.empty td, table#searchListRental tr.empty td, table#searchListHoliday tr.empty td, table#searchListSite tr.empty td, table#searchListFarm tr.empty td, table#searchListOther tr.empty td {border-style: none; height: 3px; padding: 0;} table#searchList tr.empty td.olderThan2wks, table#searchListRental tr.empty td.olderThan2wks, table#searchListHoliday tr.empty td.olderThan2wks, table#searchListSite tr.empty td.olderThan2wks, table.searchListFarm tr.empty td.olderThan2wks, table.searchListOther tr.empty td.olderThan2wks {border-style: none; height: 53px;} div#olderThan2wks {float:left; font-size: 15px; font-weight: bold; width: 748px; background-color: #F8F1D4; margin-top: 15px; margin-bottom: 3px; padding: 10px; } /* height: 27px; */ *HTML div#olderThan2wks { width: 768px; } /* IE:lle oma tyyli */ table#searchList th img, table#searchListRental th img, table#searchListHoliday th img, table#searchListSite th img, table#searchListFarm th img, table#searchListOther th img {margin-left: 1px;} table#searchList TH, table#searchListRental TH, table#searchListHoliday TH, table#searchListSite TH, table#searchListFarm TH, table#searchListOther TH { background-color: #f7ecbe; border-bottom: 1px solid #999999;} /* old background-color: #F4E8AF */ table#searchList TH a, table#searchListRental TH a, table#searchListHoliday TH a, table#searchListSite TH a, table#searchListFarm TH a { color: #990033; display: block; height: 18px; padding-left: 1px; padding-right: 1px; padding-top: 5px; padding-bottom: 1px;} /* m2 vaatii vielä omat säädöt yläindeksin vuoksi */ /*padding-left: 1px; padding-right: 1px; jotta hover näyttäisi nätimmältä */ table#searchListOther TH a {color: #990033; display: block; padding-left: 1px; padding-right: 1px; padding-top: 4px; padding-bottom: 2px;} /* vuokra-sarake menee kahdelle riville, siksi eri säädöt: height: 28px; */ table#searchList TH#m2 a, table#searchListRental TH#m2 a, table#searchListHoliday TH#m2 a, table#searchListSite TH#m2 a, table#searchListFarm TH#m2 a { padding-top: 1px; padding-bottom: 5px; } /* nostetaan m2-sarakkeita ylöspäin */ /* IE:n tyylit */ *HTML table#searchList TH a, *HTML table#searchListRental TH a, *HTML table#searchListHoliday TH a, *HTML table#searchListSite TH a, *HTML table#searchListFarm TH a { height: 22px; padding-top: 4px; padding-bottom: 2px;} /* m2 vaatii vielä omat säädöt yläindeksin vuoksi */ /*padding-left: 1px; padding-right: 1px; jotta hover näyttäisi nätimmältä */ *HTML table#searchListOther TH a { color: #990033; display: block; padding-left: 1px; padding-right: 1px; padding-top: 4px; padding-bottom: 2px;} /* vuokra-sarake menee kahdelle riville, siksi eri säädöt height: 34px; */ *HTML table#searchList TH#m2 a, *HTML table#searchListRental TH#m2 a, *HTML table#searchListHoliday TH#m2 a, *HTML table#searchListSite TH#m2 a, *HTML table#searchListFarm TH a, *HTML table#searchListOther TH#m2 a { padding-top: 3px; padding-bottom: 3px; } table#searchList TH#kuva a, table#searchListRental TH#kuva a, table#searchListHoliday TH#kuva a, table#searchListSite TH#kuva a, table#searchListFarm TH#kuva a, table#searchListOther TH#kuva a { padding-left: 9px; } table#searchList TH a:hover, table#searchListRental TH a:hover, table#searchListHoliday TH a:hover, table#searchListSite TH a:hover, table#searchListFarm TH a:hover, table#searchListOther TH a:hover { background-color: #F4DF79; text-decoration: none; } table#searchList TD, table#searchListRental TD, table#searchListHoliday TD, table#searchListSite TD, table#searchListFarm TD, table#searchListOther TD { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #999999; border-bottom: 1px solid #999999;} table#searchList td.firstTD, table#searchListRental td.firstTD, table#searchListHoliday td.firstTD, table#searchListSite td.firstTD, table#searchListFarm td.firstTD, table#searchListOther td.firstTD { border-left: solid #999999 1px; padding-left: 9px;} table#searchList td.lastTD, table#searchListRental td.lastTD, table#searchListHoliday td.lastTD, table#searchListSite td.lastTD, table#searchListFarm td.lastTD, table#searchListOther td.lastTD { text-align: left; vertical-align: middle; border-right: solid #999999 1px; padding-right: 9px;} table#searchList td.highlight, table#searchListRental td.highlight, table#searchListHoliday td.highlight, table#searchListSite td.highlight, table#searchListFarm td.highlight, table#searchListOther td.highlight {padding-top: 25px;} div.highlight_icons {width: 470px; position: relative; top: 0;} /* vanha hinta yliviivattuna */ table#searchList del, table#searchListRental del, table#searchListHoliday del, table#searchListSite del, table#searchListFarm del, table#searchListOther del {color: #999999;} /* ETUOVIDP-447 Listasivun tietuelaatikot linkeiksi kohdesivulle. Eri tavoin käsiteltävät linkit: asuntotyyppi, uudiskohdelinkki, yrityssarakkeen linkit, muut linkit Erilaiset kohteet: peruskohteet, brändikorostus */ /* linkit, perustapaus */ table#searchList td a, table#searchListRental td a, table#searchListHoliday td a, table#searchListSite td a, table#searchListFarm td a, table#searchListOther td a { text-decoration: none; font-weight: normal; color: black; display: block; height: 60px;} /* linkit, brändikorostus */ table#searchList tr.highlight_tr a, table#searchListRental tr.highlight_tr a, table#searchListHoliday tr.highlight_tr a, table#searchListSite tr.highlight_tr a, table#searchListFarm tr.highlight_tr a, table#searchListOther tr.highlight_tr a { text-decoration: none; font-weight: normal; display: block; height: 80px;} /* linkki asuntotyyppi, peruskohteet (brändikorostuksella ylempi tyyli käytössä)*/ table#searchList td.astyyppi a, table#searchListRental td.astyyppi a, table#searchListHoliday td.astyyppi a, table#searchListSite td.astyyppi a, table#searchListFarm td.astyyppi a, table#searchListOther td.astyyppi a { text-decoration: none; display: block; height: 50px; color: #990033;} /* uudiskohde-ikoni, brändikorostus */ table#searchList a#newbuilding_icon_highlight, table#searchListRental a#newbuilding_icon_highlight, table#searchListHoliday a#newbuilding_icon_highlight, table#searchListSite a#newbuilding_icon_highlight, table#searchListFarm a#newbuilding_icon_highlight, table#searchListOther a#newbuilding_icon_highlight { clear: both; margin-top: 8px; display: block; height: auto; } /* uudiskohde-ikoni, peruskohteet */ table#searchList a#newbuilding_icon, table#searchListRental a#newbuilding_icon, table#searchListHoliday a#newbuilding_icon, table#searchListSite a#newbuilding_icon, table#searchListFarm a#newbuilding_icon, table#searchListOther a#newbuilding_icon { clear: both; } /* linkkien hover-efekti, peruskohteet */ table#searchList td.astyyppi a:hover, table#searchListRental td.astyyppi a:hover, table#searchListHoliday td.astyyppi a:hover, table#searchListSite td.astyyppi a:hover, table#searchListFarm td.astyyppi a:hover, table#searchListOther td.astyyppi a:hover { text-decoration: underline; } /* Yritys-sarakkeen linkit */ table#searchList td.lastTD a, table#searchListRental td.lastTD a, table#searchListHoliday td.lastTD a, table#searchListSite td.lastTD a, table#searchListFarm td.lastTD a, table#searchListOther td.lastTD a { text-decoration: none; color: #990033; height: auto;} table#searchList td.lastTD a:hover, table#searchListRental td.lastTD a:hover, table#searchListHoliday td.lastTD a:hover, table#searchListSite td.lastTD a:hover, table#searchListFarm td.lastTD a:hover, table#searchListOther td.lastTD a:hover { text-decoration: underline; } /* kohdekorostusten säädöt: rivin korkeus, asuntotyyppi-linkkien korkeus */ table#searchList tr.highlight_tr, table#searchListRental tr.highlight_tr, table#searchListHoliday tr.highlight_tr, table#searchListSite tr.highlight_tr, table#searchListFarm tr.highlight_tr, table#searchListOther tr.highlight_tr { height: 100px;} table#searchList tr.highlight_tr span.astyyppi, table#searchListRental tr.highlight_tr span.astyyppi, table#searchListHoliday tr.highlight_tr span.astyyppi, table#searchListSite tr.highlight_tr span.astyyppi, table#searchListFarm tr.highlight_tr span.astyyppi, table#searchListOther tr.highlight_tr span.astyyppi { display: block; height: 50px;} /* solujen leveyksistä pitäisi tulla yhteensä 766 (766px + borderit 2px = 768px = taulukon koko leveys) osassa on IE-leveydet erikseen, jos solussa on paddingia niin IE ja FF laskevat leveyden ja paddingin eri tavalla. FF: leveys + padding, IE: padding sisältyy leveyteen (HUOM, jos kuitenkin määritelty esim. TH:lle leveys ja lisäksi td:lle padding, esim. kuva ja valittaja firstTD, lastTD, niin TH:ssa pitää leveydessä ottaa huomioon muualla määritelty padding, siis esim. välittäjä-sarakkeessa 140px kuvalle ja 9px paddingille) */ /*Common */ table#searchList TH {border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align: left; vertical-align: middle;} table#searchList TH#kuva {width: 79px; border-left: solid #999999 1px; } table#searchList TH#indikaattorit { width: 60px; } table#searchList TH#tyyppi {width: 100px; } table#searchList TH#vuosi { width: 46px; } table#searchList TH#m2 { width: 46px; text-align: right;} table#searchList TH#hinta {padding-right: 9px; width: 77px; text-align: right;} table#searchList TH#sijainti { width: 125px; } table#searchList TH#esittely { width: 75px; } table#searchList TH#valittaja { width: 149px; border-right: solid #999999 1px; text-align: center;} /* Rental */ table#searchListRental TH {border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align: left; vertical-align: middle;} table#searchListRental TH#kuva {width: 79px; border-left: solid #999999 1px; } table#searchListRental TH#indikaattorit { width: 60px; } table#searchListRental TH#tyyppi {width: 100px; } table#searchListRental TH#vuosi { width: 46px; } table#searchListRental TH#m2 { width: 46px; text-align: right;} table#searchListRental TH#hinta {padding-right: 9px; width: 72px; text-align: right;} table#searchListRental TH#sijainti { width: 130px; } table#searchListRental TH#esittely { width: 75px; } table#searchListRental TH#valittaja { width: 149px; border-right: solid #999999 1px; text-align: center;} /*Holiday*/ table#searchListHoliday TH {border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align: left; vertical-align: middle;} table#searchListHoliday TH#kuva {width: 79px; border-left: solid #999999 1px;} table#searchListHoliday TH#indikaattorit { width: 60px; } table#searchListHoliday TH#tyyppi {width: 130px; } table#searchListHoliday TH#vuosi {width: 46px; } table#searchListHoliday TH#m2 { width: 56px; text-align: right;} table#searchListHoliday TH#hinta { padding-right: 9px; width: 85px; text-align: right;} *HTML table#searchListHoliday TH#hinta { padding-right: 9px; width: 94px; text-align: right;} table#searchListHoliday TH#sijainti { width: 144px; } table#searchListHoliday TH#valittaja { width: 157px; border-right: solid #999999 1px; text-align: center;} /*Site*/ table#searchListSite TH {border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align: left; vertical-align: middle;} table#searchListSite TH#kuva {width: 79px; border-left: solid #999999 1px;} table#searchListSite TH#indikaattorit { width: 60px; } table#searchListSite TH#tyyppi {width: 130px; } table#searchListSite TH#m2 { width: 87px; text-align: right;} table#searchListSite TH#hinta { padding-right: 9px; width: 77px; text-align: right; } *HTML table#searchListSite TH#hinta { padding-right: 9px; width: 86px; text-align: right; } table#searchListSite TH#sijainti { width: 175px; } table#searchListSite TH#valittaja { width: 149px; border-right: solid #999999 1px;text-align: center;} /*Farm*/ table#searchListFarm TH {border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align: left; vertical-align: middle;} table#searchListFarm TH#kuva {width: 79px; border-left: solid #999999 1px;} table#searchListFarm TH#indikaattorit { width: 60px; } table#searchListFarm TH#tyyppi {width: 100px; } table#searchListFarm TH#ha { width: 70px; text-align: right;} table#searchListFarm TH#hinta { width: 82px; text-align: right;} table#searchListFarm TH#metsa { width: 80px; text-align: right; padding-right: 9px;} table#searchListFarm TH#sijainti { width: 131px; } table#searchListFarm TH#valittaja { width: 155px; border-right: solid #999999 1px; text-align: center;} /*Other*/ table#searchListOther TH {border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align: left; vertical-align: middle;} table#searchListOther TH#kuva {width: 79px; border-left: solid #999999 1px;} table#searchListOther TH#indikaattorit { width: 60px; } table#searchListOther TH#tyyppi {width: 135px; } /* width: 150 */ table#searchListOther TH#hinta2 { padding-right: 9px; width: 66px; text-align: right;} *HTML table#searchListOther TH#hinta2 { padding-right: 9px; width: 75px; text-align: right;} table#searchListOther TH#vuokra2 { padding-right: 9px; width: 86px; text-align: right;} /* width: 61 */ *HTML table#searchListOther TH#vuokra2 { padding-right: 9px; width: 95px; text-align: right;} /* width: 70 */ table#searchListOther TH#sijainti { width: 145px; } table#searchListOther TH#valittaja { width: 177px; border-right: solid #999999 1px;text-align: center;} /* width: 187 */ tr#list_bottom_commercial { background-color: #E9E9E9; } /* #E9E9E9 999999*/ tr#list_bottom_commercial td { text-align: center; border-style: none;} /* duplicateItem */ table#searchList .duplicateHeading td {border:3px solid #999; color:#fff; font-size:1.1em; font-weight:bold; height:16px;width:762px; background:#999;} table#searchList .duplicateTdEmpty {height:2px; background: url('../../../static_images/etuovi-kuluttaja/v2/frontpage/katkolinja.gif') left top repeat-x;} /*KOHDESIVU*/ div#item_header {background-color:#FFFFFF; width:766px; float:left; font-size:12px;} div#item_header span {font-size:12px;font-weight:bold;} div#item_header a {font-size:16px;} div#item_header div.header_text {padding:7px 10px 7px 10px; width:75%; float:left; height:70px;} div#item_header div.header_text p {padding:5px 0 0 0;} div#item_header div.header_supplier_logo {float:right; text-align:right; padding:7px 10px 7px 5px; width:20%; height:70px;} #item_page_top {width:766px;} #item_presentation_col {width:32%; float:left; overflow:hidden; padding-right:5px; padding-left:1px;} #item_presentation_col div {margin:10px 0 10px 0;} #itemContainer_top_rightside {width:495px; float:right;} #item_image_col {width:50%; float:left; overflow:hidden;} div#image_background_div {background: #F8D289; width:236px; float:left;} div#image_background_div img { border: 1px solid #333333; } div#left_big_image { float: left; height:182px; background-color: #F8D289; text-align: center; vertical-align: middle; } div#left_small_images { float:left; width:236px; background-color: #F8D289; margin:3px 0 3px 0; } div#left_small_images table {margin:3px 0 3px 0;} div#left_small_images td {background-color: #F8D289; text-align: center; vertical-align: middle; width:48px; height:44px;} div#image_arrows {background: #F8D289; float:left; width:236px; text-align: center; padding:5px 0 5px 0;} /* uusi kuva osio 6/2008 */ div#item_image_col_new {width:49%; padding:0 0 0 3px;float:left; overflow:hidden;} div#image_background_div_new {float:left; position:relative; width:234px; height: 180px; text-align: center; border: 1px solid #666666; border-bottom: none;} /* position: relative; jotta suurennuslasikuva saadaan päälle */ div#left_big_image_new { float: left; width:234px; height:175px; vertical-align: middle; border: none;} div.magnifyingImageContainer { position: absolute; top: 1px; right: 1px; } div#image_desc_new { float: left; width: 234px; height: 33px; border: 1px solid #666666; border-top: none; text-align: center; overflow: hidden;} div#image_desc_new div { padding-top: 7px; } div#image_browse_new { float: left; width: 234px; height: 34px; background: #e2e2e2; border: 1px solid #666666; border-top: none; } div#image_edellinen {float: left; width: 50px; height: 34px;} div#image_kuva_count {float: left; width: 134px; text-align: center; font-weight: bold; padding-top: 10px;} div#image_seuraava {float: left; width: 50px; height: 34px;} div#image_show_all_div_new { float: left; width: 234px; height: 61px; background: #e2e2e2; border: 1px solid #666666; margin-top: 5px;} div#image_show_all_gif { float: left; padding: 11px 5px 0 23px; } div#image_show_all_link { float: right; text-align: left; padding: 25px 0 0 0; width: 140px; } div#scaling_image_container { position: absolute; top: 136px; left: 282px; height: 404px; width: 492px; background-color: #eeeeee; display: none; z-index: 100; /* tämä pistää divin päällimmäiseksi jossain selaimissa */ } div#image_scaled { float: left; position:relative; height: 367px; width: 490px; background: #eeeeee; border: 1px solid #666666; border-bottom: none; text-align: center;} div#image_browse_scaled { float: left; width: 234px; height: 34px; background: #e2e2e2; border: 1px solid #666666; } div#image_desc_scaled { float: left; width: 255px; height: 34px; border: 1px solid #666666; border-left: none; text-align: center; overflow: hidden;} div#image_desc_scaled div { padding-top: 10px; } div.commercial_banner_4 {text-align:right; float:right; padding:0 0 7px 0; } #itemContainer { float: left; background: #ffffff; width:766px;} #itemContainer_top {float: left; width:746px; background: #eeeeee url('../../../static_images/etuovi-kuluttaja/v2/itempage/kohdesivu_haive.gif') top left repeat-x; padding:10px 10px 10px 10px; margin-bottom:5px;} table#itembroker_element {float:left;} table#itembroker_element {width: 765px;} table#itembroker_element td.msg_top {width:190px;} table#itembroker_element td.msg_middle {} table#itembroker_element td.msg_bottom {background: #f8d289; width:190px;} table#itembroker_element td.broker_data {width:500px; background: #eeeeee;} table#itembroker_element td.whitespace {color:#ffffff; padding-left:5px;} table#itembroker_element #msg_top_title {background: #e67900; color: #ffffff; padding:2px 0pt 2px 5px; font-size: 1.1em; font-weight: bold; width: 250px;} table#itembroker_element #msg_top_title_grey {width: 255px; min-height: 170px;} #item_msgtobroker_col h3 {color:#ffffff; width:100%; float:left; margin:4px 0 10px 5px; font-size:14px;} #item_msgtobroker_content {float:left; padding:3px 0 5px 5px;} table#itembroker_element .broker_data h3 {float:left; width:501px; background-color:#e2e2e2; margin:0; padding:2px 0 2px 5px;} table#itembroker_element .item_broker_col_text {float:left; width:310px; padding:5px 0 5px 10px;} table#itembroker_element .item_broker_col_image {float:right; width:140px; padding:5px 10px 5px 5px; text-align:right;} div.ItemPageWideLine { float: left; width: 501px; line-height: 1px; background-color: #666666; overflow: visible; } div#item_extarlink_col {float:left; width:100%; background-color:#e2e2e2;} td#item_extarlink_col {background-color:#e2e2e2;} .item_broker_msg_button { font: bold 10px Verdana, Arial, sans-serif; line-height: 12px; background-color: #990033; color: #ffffff; margin: 0 5px 0 5px; border: 2px outset #D69BAF; } .first_showing_col {float:right; width:75%; padding:11px 0 12px 0;} #askPersonalShowing {float:left; width:100%; border-bottom: 1px solid #999999; border-top: 1px solid #999999; background-color: #eeeeee; padding:5px 0 12px 0;} #first_showing_container {float:left; margin-left: 30px;} .showingTableRow {align: top; text-align: left; } .itemExtraLink { float: left; width: 48%; overflow: hidden; padding: 5px 0 0 10px; } table.itemInfoValues {float: left; border-collapse: collapse; margin: 0; width:100%;} tr.itemEvenRowBgColor { background-color: #EEEEEE; } td.colOneThirdItemL { width: 25%; padding: 4px 2px 4px 2px; overflow: visible; } td.colOneThirdItemL:first-letter { text-transform: capitalize; } /* tällä saadaan elementin sisällä olevan tekstin alkukirjain isoksi */ td.colOneThirdItemR { width: 75%; padding: 4px 2px 4px 2px; overflow: visible; } td.colOneThirdItemR:first-letter { text-transform: capitalize; } /* tällä saadaan elementin sisällä olevan tekstin alkukirjain isoksi */ div#tarkatKohdetiedotIlmoitus {float: left; margin-top: 10px; text-align: center; background-color: #F9E9AD; width:100%; padding:10px 0 10px 0;} h3 span.itemLeaf { float: left; height: 16px; font-size: 14px; padding-left: 15px; background: url("../../../static_images/etuovi-kuluttaja/v1/bullet_kohdesivu.gif") no-repeat left; } /* EUU-12: Kohdesivun osion otsikossa olevalle linkille pitää määritellä samankokoinen fontti kuin muulla tekstillä */ span.itemLeaf a:link {height: 16px; font-size: 14px; } span.itemLeaf a:visited { height: 16px; font-size: 14px; } span.itemLeaf a:link:hover { height: 16px; font-size: 14px; } span.itemLeaf a:link:active { height: 16px; font-size: 14px; } /* EUU-12 loppuu */ div.itemFailedContactRight { width: 150px; color: #cc0033; border: 2px solid #cc0033; font-size: 11px; font-weight: bold; padding: 5px; margin:2px 0 0 0;} #commercial_banners_1_4 {float: right; background-color: #e2e2e2; margin-top: 10px; width: 472px; padding: 7px 10px 7px 10px; text-align: right;} .itemCommercial { float: right; width: 33%; overflow: hidden; } .itemCommercial2 { float: left; width: 33%; overflow: hidden; } /*Realtycomplex kohdesivulla oleva sijainti kartalla*/ div#itempage_map_col {width:50%; float: right; } div#itempage_map_content {float: right; border: 1px solid #666666; background-color: #FFFFFF; height:365px; width: 234px; margin-left: 10px} div#itempage_map_services_content { float:left; height: 65px; } div#itempage_map_services_title {float:left; padding: 6px 0 4px 5px; width: 229px; font-size: 12px; font-weight: bold;} div#itempage_map_content div.float_left {float:left; width:80px; padding: 0 0 2px 5px;} div#itempage_map_020202_logo {float: right; margin-right: 8px;} div#no_map {float:left; width:90%; padding:5px 0 0 13px;} div#itempage_map_route_content{float: left; height: 100px; width: 100%; background-color: #EEEEEE;} div#itempage_map_route_search{float: left; margin-left: 5px;} input#itempage_map_route_start_street {width:95%;margin-bottom:4px;} input#itempage_map_route_start_town {width:95%;margin-bottom:4px;} div#itemImages { float: left; width: 766px; background-color: #eeeeee; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; text-align: center; } div#itemImages img { border: 1px solid #333333; } div#thumbImages { margin-top: 15px; } div#thumbImages img { margin-right: 2px; } div#itemImagesHelp { float: left; width: 221px; margin-top: 20px; } div#itemImagesHelp div { background-color: #F4E7B0; border: 1px solid #969C98; margin-left: 10px; } /*Kohdesivun karttasivu*/ div#itemMapLeft { margin-top: 20px; background-color: #eeeeee; } table#itemMapForm { width: 100%; border-collapse: collapse; } table#itemMapForm td { padding-top: 4px; padding-bottom: 4px; } table#itemMapForm td#formTDOtsikko { padding-left:8px; } table#itemMapForm td#formTDOsoite { padding-left:8px; } table#itemMapForm td#formTDKunta { border-bottom: 1px solid #333333; padding-left: 8px; padding-bottom: 8px; } table#itemMapForm td#formTDKunta2 { border-bottom: 1px solid #333333; padding-bottom: 8px; } table#itemMapForm td#formTDKunta3 { text-align: right; border-bottom: 1px solid #333333; padding-bottom: 8px; } table#itemMapForm td#formTDItems { border-bottom: 1px solid #333333; padding-bottom: 8px; padding-left: 8px; } table#itemMapForm td#formTDItems2 { text-align:right; border-bottom: 1px solid #333333; vertical-align: bottom; padding-bottom: 8px; } table#itemMapForm td#formTDcheckboxes { border-bottom: 1px solid #333333; padding-bottom: 8px; } table#itemMapForm td#formTDcheckboxes2 { text-align: right; vertical-align: bottom; border-bottom: 1px solid #333333; padding-bottom: 8px; } table#itemMapForm td#formTDArea { padding-left: 8px; } table#itemMapForm td#formTDLinks { padding-left: 8px; padding-bottom: 8px; } div#itemMapRight { margin-top: 20px; } div#itemMapRight img { margin-left: 20px; } div#printMapLeft { float: left; width: 348px; border-top: 1px solid #333333; } div#printMapRight { float: left; width: 162px; border-top: 1px solid #333333; text-align: right; } div#printMapLeft img, div#printMapRight img#first { margin-top: 15px; border: 1px solid #333333; } div#printMapRight img#second { border: 1px solid #333333; margin-top: 3px; } div#map_driveinstruction { float: left; width: 545px; padding-top: 10px; padding-bottom: 10px; background-color: #EEEEEE; border-top: 1px solid #333333; } div#map_driveinstruction_left { float: left; width: 96px; padding-left: 4px; } div#map_driveinstruction_right { float: left; width: 441px; padding-right: 4px; } #footerPrint { float: left; width: 510px; height: 12px; font-size: 9px; letter-spacing: 1px; line-height: 12px; color: #333333; background-color: #CCCCCC; border: 1px solid #333333; margin: 15px 0; } *HTML #footerPrint { width: 512px; w\idth: 510px; } #footerPrint span.vasen { float: left; padding: 0 15px; } #footerPrint span.oikea { float: right; background-color: #FFFFFF; padding: 0 15px; border-left: 1px solid #333333; } /* Toimpiste sivun vaakasuunnassa jakava taulukko. Vasemmalla sisältö, oikealla linkkilista */ table#brokerLRContent { float:left; width: 766px; table-layout: fixed; margin-top: 10px; border-collapse: collapse; font-size:11px;} td#brokerLeftCol { width: 508px; } td#brokerRightCol { width: 253px; background-color: #eeeeee; border: 1px solid #999999; } div#brokerRightColLinks { padding: 10px; overflow: hidden; } div#rightColImage { float: left; width: 253px; padding: 0; margin: 0; text-align: center; } /* Toimipiste sivun taulukko jossa sijaitsee ajankohtaista tiedot sekä kohteiden linkit */ table#offeringsAndInfo { float: left; width: 504px; margin-top:10px; table-layout: fixed; border-collapse: collapse; font-size:11px;} table#offeringsAndInfo td#info1 { padding: 12px; border: 1px solid #999999; background-color: #C6DDFF; } table#offeringsAndInfo td#verticalSeparator { width: 4px; border: none;} table#offeringsAndInfo td#info2 { padding: 12px; border: 1px solid #999999; background-color: #C6DDFF; } table#offeringsAndInfo td#horizontalSeparator { height: 4px; border: none; } table#offeringsAndInfo td#offerings { padding: 12px; border: 1px solid #999999; background-color: #eeeeee; } table#offeringsAndInfo td#offerings H3 { margin-left: 1px; margin-top: 1px;} table#offeringsTable {float:left; width: 488px; table-layout: fixed; margin-top: 5px; } table#offeringsTable td.oneOffering { border: 0; padding-bottom: 3px; /*border: 1px solid blue;*/ } /* Toimipisteen sivun bannerit */ div#brokerBanner1 { float: left; width: 164px; height: 50px; margin-left: 2px; margin-top: 10px; background-color: #ffffff; text-align: center; } *HTML div#brokerBanner1 { margin-left: 1px; } /* IE:n tuplamarginaalin puolitus */ div#brokerBanner2 { float: left; width: 164px; height: 50px; margin-left: 4px; margin-top: 10px; background-color: #ffffff; text-align: center; } div#brokerBanner3 { float: left; width: 164px; height: 50px; margin-left: 4px; margin-top: 10px; background-color: #ffffff; text-align: center; } /* Toimipisteen sivun liitettyjen toimipisteiden listaus */ table#addSuppliers { float: left; width: 503px; margin-top: 5px; border: 1px solid #999999; font-size:11px;} table#addSuppliers td.addSupplier { width: 250px; padding: 12px; padding-bottom: 5px; } div.item_commercial_5 {float:left; padding:5px 0 0 0;} /* Toimipistesivu - välittäjäkäyntikortti */ #businesscard dd, #BC_col2 dd {margin: 0; } #contact_form_container ul {padding: 0;} /* www.fi POISTETTU KÄYTÖSTÄ 1.4.2008. Säilytetään koodia vielä hetki käyttämättömänä. div.wwwfi_element {float:left; padding:0 0 0 5px;} div#itempage_wwwfi_base {width:158px; float: left; margin: 5px 0 5px 0; border: 1px solid #CE7716;} div#itempage_wwwfi_base div#wwwfi_logo { float: left; background-color: #FFFFFF; width: 100%; text-align: center; border-top: 1px solid #CE7716;} div#itempage_wwwfi_base div#wwwfi_search { float: left; background-color: #FFFFFF; width: 100%; text-align: center; } input.itempage_wwwfi_submit { margin: 5px 0 8px 0; font-size:12px; font-family: Verdana, Arial, sans-serif; width:130px; background-color:#EEEEEE; border-color:#BBBBBB; border-width:1px; } div#searchpage_wwwfi_gray_background { float: left; width: 766px; height: 100px; margin-top: 15px; background: #EEEEEE; } div#searchpage_wwwfi_base { background-color: #EBF5F6; width: 728px; height: 90px; } div#searchpage_wwwfi_logobase { float: left; width: 240px; height: 90px; } div#searchpage_wwwfi_logobase div#logo { margin-left: 65px; margin-top: 3px; } div#searchpage_wwwfi_logobase div#wwwfi_search {float: left; width: 170px; height: 32px; background: url("../../../static_images/etuovi-kuluttaja/v1/wwwfi_taustaliuku.gif") repeat top; } div#searchpage_wwwfi_commercials { float: left; width: 488px; height: 90px; } */ /*Viesti välittäjälle*/ table#brokerContainer {float:left; width:100%;} /* PRINT */ table#allPrints { width: 100%; border-collapse: collapse; margin-top: 5px; } table#allPrints a { font-weight: normal; } table#allPrints td { padding: 4px 2px 4px 7px; } table#allPrints td#printName { width: 26%;} table#allPrints td#printDistribution { width: 37%; } table#allPrints td#printPDF { width: 37%; } #printAd, #printOrder, #printAddress { float: left; background-color: #F4E7B0; margin-top: 9px; width: 250px; height: 110px; } #printAddress { /*width: 254px;*/ } #printOrder, #printAddress { /*margin-left: 6px; */} #printAd div, #printOrder div, #printAddress div { padding: 9px; } #searchItemcodePrint { float: left; text-align: center; margin-left: 18px; margin-top: 10px; margin-right: 0; background-color: #eeeeee; padding: 4px 5px 4px 10px; border: 1px solid #999999; width: 187px; } *HTML #searchItemcodePrint { width: 204px; w\idth: 187px; margin-left: 9px; } /*Uudiskohde-esittelysivu*/ div#nb_layout_top_container {background: #F1F1F1; width:746px; float:left; padding:10px 10px 10px 10px;} div#nb_image_background_div {float:left; width:67%; background-color:#E4E4E4; padding:10px 0 10px 0;} div#nb_image_background_div img { border: 1px solid #333333; } div#nb_premium_big_img_base {float: left; width: 100%; text-align:center; padding:0 0 10px 0; height: 340px;} #nb_itempage_map_col {width:33%; float:right;} .nb_itempage_supplierlogo {float:right; text-align:right; padding:0 0 10px 0;} .nb_itempage_map {float:left; padding:0 0 10px 0;} div#extralink_background_div {width:100%; float: left; text-align:center;} div#extralink_background_div p {padding:5px 0 5px 0;} .nb_itemcointaner_top {float:left; width:100%; padding:10px 0 10px 0;} #nb_presentation_commersial_col {float:left; width:67%;} div#nb_premium_flash_base {float: left; width: 100%; text-align: left; padding: 0 0 10px 0; } #nb_image_arrows {float:left; width:100%; text-align:center;} .nb_all_show_all_images {float:left; width:100%; text-align:center;} .nb_thumbnails {float:left; width:100%; padding:0 0 10px 0; text-align:center;} .nb_thumbnails table {padding:0 0 10px 0; text-align:center; margin-left:auto; margin-right:auto;} .thumb_image_cell {height:53px; width:42px; float:center; background-color:#CACACA; overflow:hidden;} .nb_presentation_col {float:left; width:100%; padding:10px 0 10px 0;} .nb_commercial_col {float:left; text-align:center; width:98%; padding:5px; background-color:#E4E4E4;} .nb_realty_list {float:left; width:67%; padding:10px 0 10px 0;} .nb_navipager {} .nb_navi_bottom {float:left; width:100%; padding:10px 0 10px 0;} /* HOUSING MARKET */ #marketLeft { float: left; margin-top: 15px; } #marketRight { float: left; height: 380px; margin-top: 15px; background: #F4E7B0 url("../../../static_images/etuovi-kuluttaja/v1/asuntomark_kuvitus.gif") no-repeat bottom; } #marketRight div.whiteBorder { border-bottom: 3px solid #ffffff; } #marketNewsImage { float: left; width: 120px; } #marketNewsImage img { border: 1px solid #333333; } #marketNews { float: left; width: 390px; } #marketDeko { float: left; width: 250px; } #marketHousing { float: left; width: 250px; margin-left: 5px; } /* INTEREST RATE, MARKKINAPUNTARI */ table.interestRate, table.marketStatistics { border-collapse: collapse; border: 1px solid #999999; } table.interestRate TH { width: 80px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #999999; background-color: #F4E8AF; } table.marketStatistics TH { width: 151px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #999999; background-color: #F4E8AF; } table.interestRate TD, table.marketStatistics TD { padding-left: 9px; padding-right: 1px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #cccccc; } table.marketStatistics TD.right { padding-right: 24px; } table.interestRate a:link, table.interestRate a:hover, table.interestRate a:visited, table.interestRate a:active { font-weight: normal; } table.marketStatistics a:link, table.marketStatistics a:hover, table.marketStatistics a:visited, table.marketStatistics a:active { font-weight: normal; } table#showing { float: left; width: 766px; border-collapse: collapse; border: 1px solid #999999; margin-top: 20px; } table#virtual { float: left; width: 256px; border-collapse: collapse; border: 1px solid #999999; margin-top: 20px; } table#showing TD, table#virtual TD { padding-left: 7px; padding-right: 1px; padding-top: 4px; padding-bottom: 4px; border: 1px solid #cccccc; } /* UUSI MARKKINAPUNTARI, syksy 2006 */ /* kun uusi markkinapaikka tulee, pitää tarkistaa että tarvitaanko noita yläpuolella olevia markkinapuntari ja interest rate */ /* tyylimäärityksiä enää missään. Jos ei tarvita, tuhotaan pois tai ainakin kommentoidaan. */ div.marketingColOneModified { float: left; border-top: 1px solid #999999; width: 766px; padding:10px 0 20px;} div.marketingColOneModified h2 {padding-top:10px;} div.marketingColOneIndexToday { float: left; background-color: #F6E7AE; margin-top: 20px; } div.marketingNoticeDiv { width: 354px; padding: 10px; background-color: #F6E7AE; } div.marketingNoticeDiv h2 {padding-top:0;} div.marketingNoticeDiv { width: 374px; w\idth: 354px; } table.newMarketStatistics { border-collapse: collapse; border: 1px solid #999999; width: 374px; } table.newMarketStatistics TH { width: 80px; text-align: left; padding: 2px 5px 2px 5px; border: 1px solid #999999; background-color: #F4E8AF; } table.newMarketStatistics TD { text-align: left; padding: 2px 5px 2px 5px; border: 1px solid #cccccc; } table.newMarketStatistics a:link, table.newMarketStatistics a:hover, table.newMarketStatistics a:visited, table.newMarketStatistics a:active { font-weight: normal; } /* Q3/2009 MARKKINAPUNTARIN UUDISTUS TYYLIT */ #contentArea #vikatiedote_markkinapuntari p {text-align:center; font-weight: bold; background: #f7ebbb;border: 2px solid #c03; padding: 5px;margin-bottom: 1em; font-size:12px; padding:10px;} #contentArea #vikatiedote_markkinapuntari a {font-size:12px;} #marketingContent {font-size: 1.1em;} #marketingContent a {font-size: 1.1em;} #marketingContent a.small_text {font-size: 0.9em;} #marketingContent span.small_text {font-size: 0.9em;} #marketingContent span.arrivaltime {font-size: 0.9em; color: #0F764B; font-weight: bold;} /*#marketingContent h2 {font-size: 1.6em; margin-bottom: 2px;}*/ #marketingContent h3 {font-size: 1.3em;} #marketingContent h4 {font-size: 1em;} div.marketingColOne {float:left; width:766px; margin-top:12px;} div#cities {background-color:#EEEEEE;} div#cities_left {float:left; width: 495px; padding: 7px 10px 7px 10px;} div#cities_text {float:left; padding-bottom: 8px; background: url('../../../static_images/etuovi-kuluttaja/v2/frontpage/katkolinja.gif') left bottom repeat-x; } div#cities_links {float:left; padding-top: 8px;} div.one_city_link_padding {float: left; width: 120px; height: 17px;} div#cities_image {float:right; width: 251px; height:130px; background-color: #F8F8F8;} div.paragraph_title {float: left; width:766px; margin-top:30px; margin-bottom: 10px; padding-bottom: 4px; font-size:1.6em;font-weight: bold; background: url('../../../static_images/etuovi-kuluttaja/v2/frontpage/katkolinja.gif') left bottom repeat-x; } div#paragraph_title_links {float: left; width: 100%; margin-bottom: 20px;} div.small_data_box {float:left; height:132px; width:250px; margin-left: 6px; border: 1px solid #D6D6D6;} div.small_data_box div#small_data_box_content_white {float:left; width: 240px; height:59px; padding-left: 10px; padding-top:7px; } div.small_data_box div#small_data_box_content_gray {float:left; width: 240px; height:59px; padding-left: 10px; padding-top:7px; background-color: #EEEEEE;} div.small_data_box div.databox_texts {float: left; width: 210px; } div.small_data_box div.databox_infobutton {float: left; width: 23px; padding-top: 35px; padding-left: 5px;} div.small_data_box h2.normal {font-size:1.2em; font-weight:normal;} div.small_data_box h2.bold {padding-bottom:2px; font-size:1.2em; font-weight:bold; } div.small_data_box div.small_data_box_content_row {float:left; width: 100%; height:22px;} div.small_data_box div.small_data_box_content_row_gray {float:left; width: 100%; height:22px; background-color: #EEEEEE;} div.small_data_box div.small_data_box_content_row_city_title {float:left; width: 100px; padding-left:10px; padding-top:4px;} div.small_data_box div.small_data_box_content_row_title {float:left; width: 100px; padding-left:10px; padding-top:3px; font-weight: bold;} div.small_data_box div.small_data_box_content_row_value {float:left; padding-left:10px; padding-top:3px;} div#prices_graph_base {float:left; height: 350px; width: 764px; border: solid 1px #CCCCCC;} div#prices_graph {float:left; height: 350px; width: 513px;} div#prices_graph div#variables_infobutton {float: left; padding-bottom: 8px; padding-left: 8px; } /* div#prices_graph_settings {float:left; height: 131px; width: 507px; border-top: solid 1px #CCCCCC;} div#prices_graph_settings div.variables1 {float: left; width: 127px; padding-left: 5px; padding-top: 4px; font-weight: bold;} div#prices_graph_settings div.variables2 {float: left; width: 112px; padding-left: 5px; padding-top: 8px;} div#prices_graph_settings div.variables2 span.title {font-weight:bold; margin-left: 6px;} div#prices_graph_settings div#variables_infobutton {float: left; padding-top: 8px; } */ div#prices_graph_settings {float:left; height: 350px; border-left: solid 1px #CCCCCC;} div#prices_graph_settings div.variables1 {width: 240px; padding-left: 5px; padding-top: 4px; font-weight: bold;} div#prices_graph_settings div.variables2 {width: 240px; padding-left: 5px; padding-top: 8px;} div#prices_graph_settings div.variables2 span.title {font-weight:bold; margin-left: 6px;} div#graph_draw_failed { float: left; width: 490px; color: #cc0033; border: 2px solid #cc0033; font-size: 12px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; padding: 5px; padding-left: 10px; text-align: center; } div#heatmap_base {float:left; margin-left: 6px; height: 429px; width: 249px;} div#heatmap_link_div {float:left; text-align: center; height:131px; width: 249px; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC;} div#heatmap_link_div h1.bold {padding-top: 15px; padding-bottom:5px; font-size:1.4em; font-weight:bold; } div#heatmap_link_div h2.normal {padding-bottom:5px; font-size:1.2em; font-weight:normal;} div#heatmap_link_div img {margin-top: 7px; } div#heatmap_link_div select {width: 150px; height: 20px; font-size: 1em;} div#realtytype_chart {float: left; width: 766px;} table#realtytype_chart_table {float: left; border-collapse: collapse; width: 766px;} table#realtytype_chart_table tr.header { height: 35px; text-align: left; } table#realtytype_chart_table th {background-color: #F8EBBF; vertical-align: middle; padding-left: 10px;} table#realtytype_chart_table tr { height: 23px; } table#realtytype_chart_table tr.odd { } table#realtytype_chart_table tr.even {background-color: #F1F1F1; } table#realtytype_chart_table tr.child_odd { } table#realtytype_chart_table tr.child_even {background-color: #F1F1F1; } table#realtytype_chart_table tr.last {background-color: #E3E3E3; } table#realtytype_chart_table td {vertical-align: middle; padding-left: 10px;} table#realtytype_chart_table td.row_expander {width: 10px;} table#realtytype_chart_table td.first {font-weight:bold; width: 210px;} table#realtytype_chart_table td.child_first {font-weight:bold; width: 185px; padding-left: 25px;} div.market_offering_apartments {float:left; width: 118px; } div.market_offering_apartments div.apartment_image {float: left; width: 118px; height: 89px; border: 1px solid black;} div.market_offering_apartments img {border: 1px solid #848587;} div.market_offering_apartments div.apartment_info {padding-top: 4px; float: left; width: 118px; height: 94px;} div#hm_kolmijalka_kuva {float: left; width: 75px; height: 56px;} div#hm_kolmijalka_teksti {float: left; width: 300px; height: 56px;} table#hm_showings {float: left; border-collapse: collapse; width: 100%; margin-top: 7px;} table#hm_showings tr.header { height: 25px; text-align: left; } table#hm_showings th {background-color: #F8EBBF; vertical-align: middle; padding-left: 10px;} table#hm_showings tr { height: 23px; } table#hm_showings tr.odd { } table#hm_showings tr.even {background-color: #F1F1F1; } table#hm_showings td {vertical-align: middle; padding-left: 10px;} table#hm_showings td.first {font-weight:bold; width: 100px;} div#hm_link_to_search {float: left; width: 100%; height: 35px; margin-top: 10px; margin-bottom: 10px; background-color: #F8EBBF; font-size: 1.2em;} div#hm_link_to_search div#text1 {float: left; padding: 10px 7px 0 20px;} div#hm_link_to_search div#btn_image1 {float:left; width: 130px; padding-top: 7px;} div#hm_link_to_search div#text2 {float:left; padding: 10px 7px 0 15px;} div#hm_link_to_search div#btn_image2 {float:left; width: 175px; padding-top: 7px;} div#euribor_graph_base {float: left; width: 250px; height: 345px; background-color: #ECECEC; border: 1px solid #D6D6D6; text-align: center;} div#euribor_graph_base div#align_div1 {margin-top: 15px;} div#euribor_graph_base div#align_div2 {padding: 5px 0 20px 0;} table#hm_euribor_chart {float: left; border-collapse: collapse; width: 251px; margin-left: 6px;} table#hm_euribor_chart tr.header { height: 25px; text-align: left; } table#hm_euribor_chart th {background-color: #F8EBBF; vertical-align: middle; padding-left: 10px;} table#hm_euribor_chart tr { height: 23px; } table#hm_euribor_chart tr.oddrow {background-color: #F1F1F1; } table#hm_euribor_chart tr {background-color: #FFFFFF; } table#hm_euribor_chart td {vertical-align: middle; padding-left: 10px;} table#hm_euribor_chart td.first {font-weight:bold; width: 80px;} table#hm_euribor_chart tr.last {background-color: #E3E3E3; } table#hm_prime_chart {float: left; border-collapse: collapse; width: 251px; margin-left: 6px;} table#hm_prime_chart tr.header { height: 25px; text-align: left; } table#hm_prime_chart th {background-color: #F8EBBF; vertical-align: middle; padding-left: 10px;} table#hm_prime_chart tr { height: 23px; } table#hm_prime_chart tr.oddrow {background-color: #F1F1F1;} table#hm_prime_chart tr {background-color: #FFFFFF; } table#hm_prime_chart td {vertical-align: middle; padding-left: 10px;} table#hm_prime_chart td.first {font-weight:bold; width: 100px;} table#hm_prime_chart tr.last {background-color: #E3E3E3; } /* HEATMAP POPUP */ #heatmap_container {position: relative; float:left; width:764px; margin-left: 0px; font-family: Arial, sans-serif; font-size: 12px;} #heatmap_top {width: 100%; float: left;} #heatmap_title {background:url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/etuovi_logo.gif') left top no-repeat; float: left; height: 45px; width: 640px; padding-left: 185px;} #heatmap_title h1{font-size:1.3em; font-weight:bold; line-height:17px;} #heatmap_close {float:right;padding-top: 28px; padding-right: 10px;} #heatmap_close a {display: block; height: 100%; width: 100%; font-size: 1.1em} #heatmap_ui {position: relative;background: #eeeeee; width: 766px; height: 35px; float: left; line-height: 35px; padding: 0 10px 0 10px;} #heatmap_ui select {margin-right: 20px; width: 150px; height: 20px; font-size: 1em;} #heatmap_ui_info {width:50px;background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/info.gif') right 10px no-repeat; position:absolute; top:0px; right:10px;} #heatmap_ui_info a {display: block; height: 100%; width: 100%; font-size: 1.1em} #heatmap_map {margin-left: 6px;} #heatmap_map_radiobtns {width;120px;padding-top: 10px;} #heatmap_map_area_left_col{float: left; width:132px; height:498px; border: solid 1px #CCCCCC;} #heatmap_map_area_center_col{float: left; width:626px;} #heatmap_map_area_right_col {float: left; width: 160px; height: 600px; background: #cccccc; margin-left: 10px; padding: 0px;} #heatmap_right_ad { } #heatmap_map_bottom {float: left; width: 766px; height: 95px; background: #eeeeee; position: absolute; bottom: 0px; left: 0px;} #heatmap_bottom_ad {} #heatmap_map_area_left_col select {visibility:hidden;} #realtytype_chart th {text-align: center;} #realtytype_chart th table{border: none;} #realtytype_chart th table tr{height: 6px;} #realtytype_chart #header_first {text-align: left;} #info_neliohinta_a {width: 100%; height: 100%; display: block; background: cyan;} #heatmap_map_legends_neliohinnat {position: relative;} #heatmap_map_legends_markkinointiajat{position: relative; visible: hidden;} #heatmap_map_legends {float: left;width:125px;padding-top: 30px; padding-left: 5px;} #heatmap_map_legends ul, #heatmap_map_legends li {list-style-type:none; margin:0;padding:0;} #heatmap_map_legends li {padding-left: 20px; margin:0;line-height: 1.1em; } #heatmap_map_legends li.legend_color_1 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_1.gif') left 1px no-repeat; font-size:12px} #heatmap_map_legends li.legend_color_2 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_2.gif') left 1px no-repeat; font-size:12px} #heatmap_map_legends li.legend_color_3 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_3.gif') left 1px no-repeat; font-size:12px} #heatmap_map_legends li.legend_color_4 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_4.gif') left 1px no-repeat; font-size:12px} #heatmap_map_legends li.legend_color_5 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_5.gif') left 1px no-repeat;font-size:12px} #heatmap_map_legends li.legend_color_6 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_6.gif') left 1px no-repeat;font-size:12px} #heatmap_map_legends li.legend_color_7 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_7.gif') left 1px no-repeat;font-size:12px} #heatmap_map_legends li.legend_color_8 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_8.gif') left 1px no-repeat;font-size:12px} #heatmap_map_legends li.legend_color_9 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_9.gif') left 1px no-repeat;font-size:12px} #heatmap_map_legends li.legend_color_10 {background: url('../../../static_images/etuovi-kuluttaja/v2/marketingpage/legend_color_10.gif') left 1px no-repeat;font-size:12px} #heatmap_map_legends li.selite {font-weight: bold; padding: 5px; 0;} /* ARTIKKELIT */ #articleRight { margin-top: 10px; } #articleRight img { border: 1px solid #333333; } #articleImages { float: right; width: 243px; } #articleText p { padding-left: 0; } /* INFO */ #infoContact, #custService { float: left; width: 495px; border: 1px solid #cccccc; background-color: #eeeeee; margin-top: 10px; } #custService { font-weight: bold; text-align: center; margin-top: 20px; padding: 10px 0 10px 0; } #infoContactLeft, #infoContactRight, .contactPersonsLeft, .contactPersonsRight { float: left; width: 225px; padding: 10px; } *HTML #infoContactLeft, *HTML #infoContactRight, *HTML .contactPersonsLeft, *HTML .contactPersonsRight { width: 245px; w\idth: 225px; } .contactPersonsLeft { clear: left; } table#info { float: left; border-collapse: collapse; margin-top: 15px; } #infoLeft { width: 510px; height: 470px; } #infoRight { width: 256px; background: #F4E7B0 url("../../../static_images/etuovi-kuluttaja/v1/tietoa_etuov_kuva.gif") no-repeat bottom; } #infoLinks { height: 150px; /*border-bottom: 3px solid #ffffff;*/ text-align: center; } #infoCustomerService { text-align: center; } /* BROKER */ /* YRITYKSET */ h1#heading_yritykset {clear: both; font-size: 1.6em;padding: 8px 0 3px;margin:0 0 5px 0;background: url('../../../static_images/etuovi-kuluttaja/v2/frontpage/katkolinja.gif') left bottom repeat-x;} #areaSelectionContainer { background-color: #eeeeee; } #areaSelectionList { float: left; margin-top: 15px; margin-left: 13px; } *HTML #areaSelectionList { margin-left: 6px; } #areaSelectionMap { float: right; margin-top: 25px; margin-right: 5px; } /* BROKERS */ table#brokersContainer { float: left; border-collapse: collapse; } td.brokersCell { width: 498px; border: 1px solid #999999; } /* td.brokersCell { width: 242px; border: 1px solid #999999; padding-left: 4px; padding-right: 2px; padding-top: 6px; padding-bottom: 6px; } *HTML td.brokersCell { width: 249px; w\idth: 242px; } */ div.supplierPersonnelColOneThirdItemL { float:left; width: 166px; padding: 6px 2px 6px 6px; overflow: visible; } div.supplierPersonnelColOneThirdItemR { float:left; width: 310px; padding: 6px 6px 6px 2px; overflow: visible; } /* HELP */ div#help h1, div#help h2, div#help h3, div#help h4 { margin-left: 5px; margin-top: 10px; } div#help h2 { font-size: 16px; } div#help h3 { font-size: 14px; float: none; width: auto; } div#help ul li { line-height: 16px; } div#help ul#sisallys li { line-height: 14px; } /* OFFICE */ table#officeContainer { float: left; border-collapse: collapse; border: 1px solid #999999; border-left: 1px solid #ffffff; } td#supplierLeft { width: 512px; padding-top: 4px; padding-bottom: 4px; } td#supplierRight { width: 253px; border: 1px solid #999999; vertical-align: middle; text-align: center; } *HTML td#supplierRight { width: 255px; w\idth: 253px; } div.officeLogo { float: left; width: 170px; padding: 4px 2px 0 2px; overflow: visible; } *HTML div.officeLogo { width: 180px; w\idth: 170px; overflow: hidden; } div.officeInfo { float: left; width: 326px; padding: 4px 2px 0 2px; overflow: visible; font-size:11px;} *HTML div.officeInfo { width: 342px; w\idth: 326px; overflow: hidden; } /* AD PAYMENT */ table#account{ width: 100%; border-collapse: collapse; border: 1px solid #333333; } table#account td { border: 1px solid #333333; padding: 5px; } table#account td#payee { width: 50%; } table#account td#duedate { width: 25%; } table#account td#accounts { text-align: center; vertical-align: middle; } /* ARTIKKELIT */ #dekoLeft, #dekoRight, #jkaLeft, #jkaRight { float: left; width: 249px; background-color: #F4E7B0; height: 250px; } #jkaLeft { background-color: #DBDBDB; height: 200px; } #jkaRight { background-color: #69B060; height: 200px; } #dekoRight, #jkaRight { margin-left: 5px; } #dekoLeft h2, #dekoRight h2, #jkaLeft h2 { background-color: #F3872F; color: #ffffff; font-size: 12px; padding-left: 10px; padding-top: 1px; padding-bottom: 1px; } #jkaLeft h2 { background-color: #69B060; } #jkaRight h2 { color: #ffffff; font-size: 14px; padding-top: 30px; padding-bottom: 10px; text-align: center; } #archiveDeko, #archiveJKA, #archiveEO { background-color: #eeeeee; margin-top: 20px; height: 530px; width: 250px; float: left; } #archiveEO, #archiveDeko { margin-right: 5px; } #archiveDeko p, #archiveJKA p, #archiveEO p { padding: 0 0 3px 10px;} #archiveDeko h2, #archiveJKA h2, #archiveEO h2 { color: #ffffff; font-size: 12px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; } #archiveDeko h2 { background-color: #FF7419; } #archiveJKA h2 { background-color: #69B060; } #archiveEO h2 { background-color: #990033; } /* POPUP */ #popupTop { background-color: #990134; margin-top: 10px; } #popupTop h1 { margin: 7px 0 7px 7px; width: 50%; color: #FFFFFF; } /* Listasivun printtisivu */ #listpagePrintPopupBody { height: 100%; width: 800px; margin-left: 10px; } /* height: 100% tarvitaan jotta vasempaan reunaan saadaan logo repeattina tulostettua */ #listpagePrintLeftStripe { float: left; height: 100%; width: 30px; } #listpagePrintContent { float: left; width: 770px; } div#listpageHint { float:left; width: 400px; background-color: #F4E7B0; border: 1px solid #969C98; margin-top: 11px; } #listpagePrintButtonContainer { float: right; width: 200px; } .listpageColOne {float: left; width: 766px; } div.noSortTableHeader { padding-top: 5px; } /* Uudet tyylit uudiskohteet osiolle */ div#newbuilding_print {float: left; margin-top: 8px;} div#premium_newbuilding_base {background-color: #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-top: 3px; margin-bottom: 3px;} div.one_premium_target_block { float: left; margin-bottom: 10px;} div.one_premium_target_base {float: left; width: 240px; height: 257px; background-color: #FFFFFF; border: 1px solid #CCCCCC;} div.one_premium_target_emptybase {float: left; width: 10px; height: 240px; } div.one_premium_target_img { float: left; margin-left: 4px; margin-top: 4px; width: 232px; height: 140px; background-color: #E5E5E5; } *HTML div.one_premium_target_img { margin-left: 2px; } /* IE vanhat versiot (vanhemmat kuin 7) tuplaa vasemman marginin */ div.one_premium_target_img_logo_base { float: right; height: 75px; width: 75px; padding: 5px; } img.one_premium_target_img_logo_img { float: right; border: none; } div.one_premium_target_infobase { float: left; margin-left: 10px; width: 221px; height: 83px; } *HTML div.one_premium_target_infobase { margin-left: 5px; } /* IE vanhat versiot (vanhemmat kuin 7) tuplaa vasemman marginin */ div.one_premium_target_linktext { float: left; padding-top: 5px; width: 100%; } div.one_premium_target_infotext { float: left; width: 220px; } div.one_premium_target_symbols { float: left; width: 51px; margin-top: 3px; } div.one_premium_target_company_logo { float: left; height: 30px; } div#newb_commercial_banner_4 { float:left; width: 236px; height: 100px; background-color: #C0C0C0;} div#nb_apartment_list_topic { text-align: center; width: 471px; height: 21px; background: url("valikko_kiinni.gif") no-repeat left; } div#hidden_apartment_list {display: none; width: 469px; border: 1px solid #AEAEAE; border-top: none; border-bottom: none;} div#nb_apartment_list_topic_2 { text-align: center; width: 469px; height: 29px; background: url("nb_apartments_topic2_tausta.gif") no-repeat left; border-bottom: 1px solid #AEAEAE; } table#nb_apartments_table {width: 100%; border-collapse: collapse;} table#nb_apartments_table th {background-color: #F4E7B0; height: 18px; border-bottom: 1px solid #AEAEAE; vertical-align: middle;} table#nb_apartments_table td {height: 18px; border-bottom: 1px solid #CCCCCC; vertical-align: middle;} table#nb_apartments_table th.col_apartment, td.col_apartment { text-align: left; padding-left: 15px; } table#nb_apartments_table th.col_size, td.col_size { text-align: right; padding-right: 15px; width: 60px;} table#nb_apartments_table th.col_floor, td.col_floor { text-align: center; width: 50px;} table#nb_apartments_table th.col_prize1, td.col_prize1 { text-align: right; width: 90px;} table#nb_apartments_table th.col_prize2, td.col_prize2 { text-align: right; padding-right: 15px; width: 100px;} div#nb_new_textlinks_base { float: left; margin-top: 14px; margin-bottom: 12px; padding-top: 5px; padding-bottom: 5px; background-color: #EEEEEE; border: 1px solid #AEAEAE; } /* premium_kohdesivu layout taulukolle jossa näkyy muista asuntoja samasta kiinteistöstä */ table#another_apartments {width:766px; float: left; } table#another_apartments tr.even { background-color: #F4E8AE; } table#another_apartments td {vertical-align: middle; padding:3px;} table#another_apartments td.type { text-align: left;} table#another_apartments td.m2 { text-align: right;} table#another_apartments td.euro { text-align: right;} table#another_apartments td.space {background-color: #FFFFFF;} /* uudikohde-esittelyn kohdelistaukset */ .realtylistFrameTable { border: 1px solid rgb(153, 153, 153); border-collapse: collapse; width: 100%;} .realtylistFrameTableHeader {border-bottom: 1px solid rgb(153, 153, 153); background-color: #F9E9AD; } .realtylistFrameTableCellFirst { padding: 7px; font-weight: bold;} .realtylistFrameTableCell { padding: 7px 0px 7px 0px; font-weight: bold; } .realtylistFrame { border: 0px; width: 100%; } .realtylistFrameError { font-weight: bold; color: #990000;} .realtylistFrameColumnType { width: 170px; vertical-align: middle; } .realtylistFrameColumnArea { width: 70px; vertical-align: middle; } .realtylistFrameColumnFloor { width: 74px; vertical-align: middle; } .realtylistFrameColumnPrice { width: 96px; vertical-align: middle; } .realtylistFrameColumnDeptfreePrice { width: 112px; vertical-align: middle; } .realtylistFrameColumnRoomnumber { width: 118px; vertical-align: middle;} .realtylistFrameColumnBooking { width: 109px; vertical-align: middle;} /* Etuovi - fonecta frame tyylit */ /* http://127.0.0.1/crometapp/product/realties/common/public/search/map/mapsearch_etuovi.jsp?portal=eo */ div#mapsearch_frame_base {padding: 10px 10px 0 10px; height: 45px; background: url('../../../static_images/etuovi-kuluttaja/v1/mapsearch_frame_katkolinja.gif') repeat-x left bottom;} div#mapsearch_frame_logo {float: left; width: 145px;} div#mapsearch_frame_url {float: left; padding-top: 3px;} div#mapsearch_frame_closeurl {float: right; padding-top: 3px;} /* ************************************************************************* */ /* VANHAN COMMON_STYLES ROMUT */ /* ************************************************************************* */ #contentArea p { margin: 0; padding: 7px; } #contentArea ul, #contentArea li { font-family: arial,helvetica,verdana,sans-serif; font-size: 11px; color: #333333; } /*YLIKIRJOITUSTA*/ #contentArea #OE_page ul, #contentArea #OE_page li, #contentArea #OE_page li a, #contentArea #OE_page h3 a, #contentArea #OE_page h4 a, #contentArea #OE_page .OE_sublinks a, #contentArea #OE_page #searchCriteria span.bold, #contentArea #OE_page .OE_alert_delete a { font-size: 1em; } #contentArea #OE_page h1 { font-size: 1.6em; } /* body { background-color: #FFFFFF; } */ #contentArea td, th { vertical-align: top; } .inline { display: inline;} .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .float_left {float:left;} .float_right {float:right;} span.bold {font-weight:bold;} /* LINKIT JA MUUT FONTIT */ a:link { color: #990033; text-decoration: none; font-size: 11px; font-weight: bold; } a:visited { color: #990033; text-decoration: none; font-size: 11px; font-weight: bold; } a:link:hover { color: #990033; text-decoration: underline; font-size: 11px; font-weight: bold; } a:link:active { color: #990033; text-decoration: none; font-size: 11px; font-weight: bold; } a:visited:hover { color: #990033; text-decoration: underline; font-size: 11px; font-weight: bold; } a.small:link { color: #990033; text-decoration: none; font-weight: normal; font-size: 10px; } a.small:visited { color: #990033; text-decoration: none; font-weight: normal; font-size: 10px; } a.small:link:hover { color: #990033; text-decoration: underline; font-weight: normal; font-size: 10px; } a.small:link:active { color: #990033; text-decoration: none; font-weight: normal; font-size: 10px; } a.small:visited:hover { color: #990033; text-decoration: underline; font-weight: normal; font-size: 10px; } a.white:link { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; } a.white:visited { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; } a.white:link:hover { color: #FFFFFF; text-decoration: underline; font-size: 11px; font-weight: bold; } a.white:link:active { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; } a.white:visited:hover { color: #FFFFFF; text-decoration: underline; font-size: 11px; font-weight: bold; } a.normal:link { color: #990033; text-decoration: none; font-size: 11px; font-weight: normal; } a.normal:visited { color: #990033; text-decoration: none; font-size: 11px; font-weight: normal; } a.normal:link:hover { color: #990033; text-decoration: underline; font-size: 11px; font-weight: normal; } a.normal:link:active { color: #990033; text-decoration: none; font-size: 11px; font-weight: normal; } a.normal:visited:hover { color: #990033; text-decoration: underline; font-size: 11px; font-weight: normal; } #contentArea H1 { font-size: 19px; color: #333333;} #contentArea H2 { font-size: 14px; color: #333333; } .bold { font-weight: bold; font-size: 11px; } .boldSmall { font-weight: bold; font-size: 10px; } .small { font-size: 10px; font-weight: normal; } #contentArea h3 { float: left; width: 766px; margin-top: 20px; font-size: 12px; color: #333333; font-weight: bold; } #contentArea h3.narrow { float: left; width: 766px; margin-top: 10px; font-size: 12px; color: #333333; font-weight: bold; } #contentArea h3.narrow2 { float: left; width: 500px; margin-top: 15px; font-size: 12px; color: #333333; font-weight: bold; } #contentArea h3 span.leaf { float: left; height: 16px; } #contentArea h4 { font-size: 12px; font-weight: bold; color: #333333; margin: 0; } .pakollinen { font: bold 14px Verdana, Arial, sans-serif; line-height: 12px; color: #9A0034; vertical-align:middle; } span.arrow {font-family:Verdana;} /* FORMIT JA BUTTONIT */ .button { font: bold 10px Verdana, Arial, sans-serif; line-height: 12px; background-color: #990033; color: #ffffff; margin: 10px 5px 0px 5px; border: 2px outset #D69BAF; } .buttonBig { font: bold 12px Verdana, Arial, sans-serif; line-height: 14px; background-color: #990033; color: #ffffff; margin: 10px 10px 0px 5px; border: 2px outset #D69BAF; } .button_search { font: bold 10px Verdana, Arial, sans-serif; line-height: 12px; background-color: #990033; color: #FFFFFF; position: relative; left: 5px; border: 2px outset #D69BAF; } *HTML .button_search { top: 1px; } /* .buttonSmall { font-: normal 9px Verdana, Arial, sans-serif; line-height: 11px; background-color: #990033; color: #ffffff; margin: 15px 5px 0px 5px; border-left: 1px solid #333333; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333;} */ INPUT.buttonSmall { border: none; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #990033; border: 1px outset #D69BAF; } .button { width: auto; overflow: visible; } /* Hack joka poistaa IE selaimessa napeista ylimääräisen tyhjän päistä, kun nappi sisältää pitkän tekstin */ /* TEXTFIELDS */ INPUT.textfield350px { width: 346px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield229px { width: 229px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield214px { width: 210px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield194px { width: 190px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield164px { width: 160px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield146px { width: 146px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield134px { width: 130px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield116px { width: 112px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield100px { width: 96px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield60px { width: 56px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield34px { width: 30px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.textfield24px { width: 20px; border: 1px solid #9D9DA1; padding-left: 2px; } /* SELECT */ SELECT.iso { width: 359px; border: 1px solid #9D9DA1; padding-left: 2px; } SELECT.normaali { width: 164px; border: 1px solid #9D9DA1; padding-left: 2px; } SELECT.pieni { width: 112px; border: 1px solid #9D9DA1; padding-left: 2px; } INPUT.file {font-size: 12px; padding-left: 2px; } /* TEXTAREA */ TEXTAREA.big { width: 210px; height: 100px; padding-left: 2px; } TEXTAREA { width: 160px; height: 100px; padding-left: 2px; } TEXTAREA.small { width: 160px; height: 75px; padding-left: 2px; } label { margin-bottom: 5px; } select, textarea { overflow-y: auto; } /* muuten IE näyttää aina vierityspalkin */ input, textarea, select, option { font-size: 11px; } /* COLUMNS */ .colLogo { float: left; width: 201px; } .colLogoTwoThird { float: left; width: 565px; } .colLogoTwoThirdMargin { float: left; margin-left: 10px; width: 555px; } .colOneThird { float: left; width: 256px; } .colHalf { float: left; width: 383px; } .colTwoThird {float: left; width: 510px; } .col500px { float: left; width: 500px; border-top: 1px solid #333333; padding-top: 5px; } .colOne {float: left; width: 766px; } .colOneWS { float: left; width: 771px; } /* WS (White Space) 5px */ .col164px { float: left; width: 164px; margin-left: 16px; } .col164px div { float: left; } /* col164px-sisältöjä täytyy joissain tapauksissa floatata, mm. textfield tekee extra marginia ja sen saa esim. floatilla pois */ .col184px { float: left; width: 184px; margin-left: 16px; } .col184px div { float: left; } /* GRID ETUSIVU */ #topBanner{ float: right; height: 100px; padding:0 45px 0 0;} .suurtaulu {float:left;} #content { float: left; width: 776px; background-color:#ffffff;} #content_index {float: left; width: 776px; background: url("../../../static_images/etuovi-kuluttaja/v1/vasenkulma_etusivu.jpg") no-repeat top left;} #logo { float: left; width: 195px; } #bottomBanner_etusivu { float: left; width: 766px; height: 100px; margin-top: 12px; background: #EEEEEE;} #bottomBanner_etusivu div { float: left; padding: 5px 0 5px 20px; } /* GRID ALASIVU */ #body { width: 1000px; margin-left: 10px; } #right { float: left; width: 170px; height: 615px; margin-left: 10px; overflow: visible; background-color: #FFFFFF; background: #FFFFFF url("../../../static_images/etuovi-kuluttaja/v1/tausta_mainoskuilu.jpg") no-repeat top left; } div#logged { float: left; height: 59px; width: 170px; margin-top: 15px; margin-bottom: 5px; background: url('../../../static_images/etuovi-kuluttaja/v1/tausta_kirjautuneena_logged.gif') no-repeat top left; } div#notLogged { float: left; height: 46px; width: 170px; margin-top: 15px; margin-bottom: 5px; background: url('../../../static_images/etuovi-kuluttaja/v1/tausta_kirjautuneena_notlogged.gif') no-repeat top left; } #bottomBanner {float:left;width: 769px; position:relative; margin-top: 10px;padding: 3px 0 3px 0; border-bottom: 1px solid #999999; vertical-align:middle;} #bottomBanner div {text-align: center; background-color: #E9E9E9; padding: 5px 0 5px 0; } #commercial_5 {padding-left:5px;} /* FOOTER */ div#copyright_palkki { height: 25px; margin-top: 20px; background: url("../../../static_images/etuovi-kuluttaja/v1/copyrightpalkki2.gif") no-repeat top left; } div#copyright_palkki div#text_links { float: left; padding-top: 5px; padding-left: 10px; } div#copyright_palkki div#alma_logo { float: right; padding-right: 10px; } div#copyright_palkki a { font-weight: normal; } /*LOGO*/ .toplogo {float:left; padding:30px 0 0 10px; height:70px;} /* NAVIGAATIO */ div#etusivu_navi_row { float: left; } div#new_topNaviList {float: left; width: 766px; padding-top:5px; } div#new_topNaviList img {float:right;} #new_topNaviList a { text-decoration: none; color: #333333; font-size: 12px; font-weight: normal;} #new_topNaviList a:hover { font-weight: bold; } div.topNavi_cell_base {width:109px; float: left; padding:0 0 2px 0; border-bottom: 3px solid #CCCCCC; text-align: center; } div.topNavi_cell_base_active {width:109px; float: left; padding:0 0 2px 0; border-bottom: 3px solid #333333; text-align: center;} div.topNavi_cell_base p {margin:0; padding:0;} div.topNavi_cell_base_active p {border-left: 1px solid #333333; border-right: 1px solid #333333; margin: 0 0 1px 0; padding:0;} #new_topNaviList div.topNavi_cell_base_active a {width:109px; text-decoration: none; color: #333333; font-size: 12px; font-weight: bold;} div#frontpage_Navi_haive {background: url('../../../static_images/etuovi-kuluttaja/v1/haive_navigointi_etusivu.jpg') } /* TABS */ div#tabContainer { float: left; width: 766px; margin-top: 10px; line-height: 16px; background: #FFFFFF url('../../../static_images/etuovi-kuluttaja/v1/piste-333333.gif') repeat-x 0px 19px; } div#narrowTabContainer { float: left; width: 490px; margin-top: 10px; line-height: 16px; background: #FFFFFF url('../../../static_images/etuovi-kuluttaja/v1/piste-333333.gif') repeat-x 0px 19px; } div#tabContainer a, div#narrowTabContainer a { float: left; background-color: #F4E8AF; padding: 0 15px 0 10px; margin: 2px 1px 0 0; border: 1px solid #333333; text-decoration: none; color: #333333; font-weight: normal; } div#tabContainer a#activeTAB, div#narrowTabContainer a#activeTAB { border-bottom: 1px solid #fff; background-color: #FFFFFF; } div#tabContainer a:hover, div#narrowTabContainer a:hover { background-color: #FFFFFF; } div#item_tab_container { margin-top:5px; border-bottom: 1px solid #C8A85D; } .tab_leaf_gab {margin-right: 3px;} /* tämä määrittää tabien välisen välin */ div#item_page_tab_container {float: left; width: 766px; border-bottom: 1px solid #C8A85D; } div#search_page_tab_container {float: left; margin-top:5px; border-bottom: 1px solid #C8A85D;} div#search_page_tab_container img, div#search_navi_vo img, div#search_navi_vo a {float: left;} div#search_navi_vo {height: 20px; float: left; width: 98px; padding: 3px 0 0 7px; background: url('../../../static_images/etuovi-kuluttaja/v2/frontpage/linkki_ulos.gif') no-repeat right 3px;} div#search_page_tab_container a {display: block;} /* BASIC FORM */ table#wide, table#narrow { border-collapse: collapse; margin-top: 10px; margin-bottom: 10px; } table#wide TH, table#narrow TH { text-align: left; padding-left: 15px; padding-top: 4px; padding-bottom: 4px; } table#wide TD, table#narrow TD { padding-left: 5px; padding-top: 4px; padding-bottom: 4px;} div#form { margin-top: 20px; background-color: #eeeeee; } div#form div#save { width: 100%; border-top: 1px solid #666666; text-align: right; } div#form div#save div { margin-right: 10px; margin-bottom: 10px; } div#formText { margin-top: 20px; } div#formText div { background-color: #F4E7B0; border: 1px solid #969C98; margin-left: 10px; } div#form table#wide th { width: 180px; } *HTML div#form table#wide th { width: 175px; w\idth: 160px; } div#form table#wide td { width: 330px; } *HTML div#form table#wide td { width: 335px; w\idth: 330px; } div#form table#narrow th { width: 120px; } *HTML div#form table#narrow th { width: 135px; w\idth: 120px; } div#form table#narrow td { width: 370px; } *HTML div#form table#narrow td { width: 375px; w\idth: 370px; } /* LINK BAR TYYLIT */ /* Fonecta karttarajaus */ div#map_top_controls {float: left; width: 765px; margin-top: 20px; margin-bottom: 5px;} 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;} #centerpoint_city_field {color: #666666; width: 135px; height: 14px;} #centerpoint_address_field {color: #666666; width: 135px; height: 14px;} #centerpoint_set_button {margin-top: 1px;} 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: 530px; width: 764px;} div#map_submit_form {float: left; width: 765px; text-align: center;} /* Rekisteröimislomake OmaEtuovi-palveluun */ table#registerPage { border-collapse: collapse; margin-top: 15px; border-top: 1px solid #999999; border-bottom: 1px solid #999999;} table#registerPage td#left_column {width: 383px; background-color: #EEEEEE; padding-bottom: 12px;} table#registerPage td#right_column {width: 383px; background-color: #DDDDDD; font-size: 1.1em;} div#registerFormSave { width: 100%; text-align: right;} div#registerFormSave div { margin-right: 20px;} table.registerWide { border-collapse: collapse; margin-top: 10px; margin-bottom: 10px; width: 100%;} table.registerWide TH { width: 130px; text-align: left; padding-left: 15px; padding-top: 1px; padding-bottom: 1px; } table.registerWide TD { padding-left: 5px; padding-top: 1px; padding-bottom: 1px;} table.registerWide td.asterisk { width: 10px; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; color: #990033; font-size: 1.5em;} /* OMAETUOVI ETUSIVU */ #stw_teksti {width: 160px} #stw_kyltti {height: 54px; background: url("../../../static_images/etuovi-kuluttaja/v2/listpage/EAV_kyltti.gif") no-repeat 240px top;} #stw_yhteenveto {height: 93px; background: url("../../../static_images/etuovi-kuluttaja/v2/areyousellingpage/OE_tallennavahti_hurtta.jpg") no-repeat 415px #eeeeee; border-top:1px solid #999;border-bottom:1px solid #999;} #OE_page #searchCriteria { float: left; margin-top: 0px; width: 239px; } #OE_page {position:relative;clear:both;width:766px;} #OE_page h1, #OE_page h2.OE_important {font-size:1.5em;font-weight:bold;margin-bottom:10px;} #OE_page h2 {font-size:1.2em;font-weight:bold;margin-bottom:10px;clear:both;} #OE_page ul, #OE_page li, #OE_page dl, #OE_page dt, #OE_page dd {margin:0;padding:0;list-style-type:none;} #OE_page dt {font-weight:bold;} .OE_col1, #OE_page li.OE_col1 {float:left;padding-left:9px;width:248px;} .OE_col2, #OE_page li.OE_col2 {float:left;padding-left:8px;width:239px;} .OE_col3 {float:left;padding-left:9px;width:242px;} .OE_col12, .OE_col23 {float:left;padding-left:9px;padding-right:1px;width:367px;} #OE_page hr {display:none;} #OE_summary {position:relative;background:#eee;padding:10px;margin-bottom:1em;border-top:1px solid #999;border-bottom:1px solid #999;height:100%;} #OE_summary form {margin:0;padding:0;} #OE_summary form ul {margin:0;} #OE_summary form li {margin-bottom:4px;height:1.5em;line-height:1.5em;} #OE_summary label {display:block;float:left;width:60px;} #OE_summary fieldset {float:left;width:223px;height:116px;padding:12px 10px 0;margin-right:8px;background:url('../../../static_images/etuovi-kuluttaja/v2/frontpage/OE_bg_login.gif') top left no-repeat;} #OE_summary ul {margin-top:5px;} #OE_summary p {margin:0 0 5px;} #contentArea .OE_info p {margin:0;padding:0;} #contentArea p { margin: 0; padding: 7px; } .OE_info {padding:5px 70px 0 0;background-position:center right;background-repeat:no-repeat;} #OE_info_vipvahti {background-image:url('../../../static_images/etuovi-kuluttaja/v2/frontpage/OE_info_vipvahti.gif'); padding-bottom:10px;} #OE_info_esittelyaikavahti {background-image:url('../../../static_images/etuovi-kuluttaja/v2/listpage/EAV_kyltti.gif'); margin-right:14px; } .OE_alert {position:relative;margin-bottom:1em;border:1px solid #ccc;height:100%;} .OE_alert h3 {padding-left:9px;height:1.5em;background: #ccc;font-size:1em;line-height:19px;margin-bottom:2px; vertical-align: middle; height:20px;} .OE_alert_delete {position:absolute;width:4em;height:1.4em;right:9px;top:0;} .OE_alert_delete a {display:block;height:1.4em;line-height:1.4em;padding-right:12px;background: url('../../../static_images/etuovi-kuluttaja/v2/frontpage/OE_icon_cancel.gif') right 5px no-repeat;} .OE_alert_functions {clear:both;background:#eee;height:1.6em;line-height:1.6em;margin-top:2px;} #OE_page ul.OE_viewings {padding-left:58px;height:5em;margin-top:5px;background:url('../../../static_images/etuovi-kuluttaja/v2/listpage/EAV_kyltti.gif') left top no-repeat;} #contentArea .OE_sublinks a:link, #contentArea .OE_sublinks a:visited {font-weight:normal;} .OE_viewings span {font-size:1.1em;} .OE_alert_rss a, h4.OE_alert_rss {display:block;padding-left:37px;background:url('../../../static_images/etuovi-kuluttaja/v1/rss_2.gif') left 3px no-repeat;} h4.OE_alert_rss {background-position: left 0px;} #OE_services {position:relative;float:left;background: #f4e8ad;padding:8px 11px 8px 1px;height:100%;_width:764px;} #OE_services p {margin:0;} /* KOHTEET KARTALLA */ #OE_itemstable, #OE_itemsmap {border:1px solid #ccc;} #OE_itemsmap {margin-bottom:10px;position:relative;} #OE_itemstable table {border-collapse:collapse;position:relative;width:100%;margin:0;} #OE_itemstable thead th {background:#ccc;text-align:left;} #OE_itemstable .odd {background:#fff;} #OE_itemstable .even {background:#eee;} #OE_itemstable tbody .over {background:#f4e8ad;} #OE_itemstable .OE_th_id a {display:block;width:18px;height:18px;margin: 2px 0 0 4px;background:url('../img/OE_bg_id.gif') left top no-repeat;text-align:center;line-height:18px;} #OE_itemstable .over .OE_th_id a {background-image:url('../img/OE_bg_id_over.gif');color:#fff;} #contentArea #OE_itemstable a em {font-weight:normal;font-style:normal;} #contentArea #OE_itemstable a span {font-size:1.1em;line-height:1em;} #OE_itemstable tbody td {white-space:nowrap;overflow:hidden;vertical-align:top;} #OE_itemstable thead a {display:block;float:left;padding:2px 20px 2px 0;background:url('../img/OE_icon_desc_passive.gif') right center no-repeat;} #OE_itemstable thead a.selected.ascending {background-image:url('../img/OE_icon_asc_selected.gif');} #OE_itemstable thead a.selected.descending {background-image:url('../img/OE_icon_desc_selected.gif');} #OE_print {text-align:right;margin-bottom:7px;} #OE_print a {display:block; height:10px;line-height:10px;padding:10px 28px 3px 0;background:url(../img/OE_icon_print.gif) right center no-repeat;} /* esimerkki demoa varten: kartalla näkyvän tooltipin muotoilu */ .OE_mapitem {position:absolute;padding:3px 15px 3px 5px;border:1px solid #000;background:#ffc;color:#000;width:300px;} .OE_mapitem dl em {font-style:normal; font-weight:normal;} .OE_mapitem_close {position:absolute; right:4px;top:6px;} .OE_mapitem_close a {display:block;position:relative;width:8px;height:8px;line-height:8px;background: url('../img/OE_icon_cancel.gif') left top no-repeat;} .OE_mapitem_close a span {display:none;} #OE_mapitem_6 {left:409px;top:193px;} /* TALLENNA VAHTI */ #OE_summary.OE_criteria {float:left;width: 399px; padding-right:100px;background: #eee url(../img/OE_tallennavahti_hurtta.jpg) 418px 10px no-repeat;min-height:80px;_height:80px;} #OE_viestiasetukset {display:block;float:left;width:509px;margin:0 10px 0 0;} #OE_viestiasetukset label {display:block;float:left;clear:left;width:176px;margin:0 10px 10px 0;font-weight:bold;} #OE_viestiasetukset li li label {font-weight:normal;display:inline;float:none;width:auto;margin:0;clear:none;} #OE_viestiasetukset ul {float:left;clear:both;width:100%;margin:0;} #OE_viestiasetukset ul ul,#OE_viestiasetukset ul div {float:left;clear:none;width:323px;} #OE_viestiasetukset li {float:left;padding-bottom:10px;} #OE_viestiasetukset li li {padding-bottom:0;clear:left;} li#OE_viestiasetukset_esittelyaikavahti{background:url('../img/kaikki_esittelyt_kyltti_v2.gif') 430px top no-repeat;width:100%;height:54px;margin-bottom:0;} #OE_viestiasetukset select, #OE_viestiasetukset input.inputfield.full {width: 220px;margin-bottom:2px;} #OE_viestiasetukset input.inputfield.required {background:#efdfc0;} #OE_voimassaoloaika_pv, #OE_voimassaoloaika_kk {width:2em;} #OE_voimassaoloaika_vvvv {width: 4em;} #OE_viestiasetukset textarea {float:left;clear:none;width:319px;height:110px;} #OE_buttons {border-top: 1px solid #999;float:left;width:100%;} #OE_buttons input, #OE_buttons button {float:right;margin:5px 0 0 10px;clear:none;background:#903;color:#fff;font-weight:bold;border: 2px outset #be9da8;font-size:0.8em;font-family:Verdana, sans-serif;} #OE_instructions {float:right;padding: 10px;width:227px;background:#f4e8ad;} #OE_instructions h2 {text-transform:uppercase;} /* oma etuovi etusivu */ #OE_summary.OE_login {float:left;padding: 22px 393px 10px 16px;width: 357px;height:312px;background:#eee url('../../../static_images/etuovi-kuluttaja/v2/ownpage/OE_kirjaudu_kuva.jpg') right top no-repeat;} #OE_summary.OE_login p {margin-bottom:1em;} #OE_summary.OE_login fieldset {float:left;width:336px;height:68px;padding:10px 13px 0 6px;margin:0;background:url('../../../static_images/etuovi-kuluttaja/v2/ownpage/OE_kirjaudu_laatikko.gif') left top no-repeat;font-size:0.9em; border:none; } #OE_summary form {float:left;display:block;width:100%;margin:0 0 5px;padding:0 0 7px; } #OE_summary form div#namefields {float:left; padding-bottom: 6px; margin-bottom: 5px; background:url('../../../static_images/etuovi-kuluttaja/v2/ownpage/katkolinja.gif') left bottom repeat-x;} #OE_summary fieldset ul {float:left;margin:0;padding:0;} #OE_summary form li, #OE_login_help li {float:left;height:1.4em;line-height:1.4em;padding-right:6px;} ul#OE_login_help {width:100%;} #OE_login_help li.floatright {float:right;padding-right:0;} #OE_summary label, #OE_login_rememberme {display:block;float:left;} #OE_summary form label {font-weight:bold;padding-right: 2px;} input#OE_login_username, input#OE_login_password {height:1.2em;line-height:1.2em;margins:0;width:62px;_width:58px;} input#OE_login_submit {margin:0;padding:0;float:left;} h2#OE_login_heading {background:url('../../../static_images/etuovi-kuluttaja/v2/ownpage/OE_kirjaudu_otsikko.gif') left top no-repeat; width:339px;height:84px;margin-bottom:20px;} #OE_login_heading span, h1.hidden {display:none;} /* /oma etuovi etusivu */ /* Oletko myymässä -ohjauslaatikko */ #OM_box_wide {position:relative;clear:both;background: #eee url('../../../static_images/etuovi-kuluttaja/v2/areyousellingpage/haive_harmaa_palkki.gif') left top repeat-x;float:left;width:766px;margin-bottom:10px;font-size:1.1em;} #contentArea #OM_box_wide h4, #contentArea #OM_box_wide p {float:left;height:19px;line-height:19px;padding:10px 0 5px 10px;margin:0;} #contentArea #OM_box_wide h4 {font-size:19px;font-weight:bold;} #contentArea #OM_box_wide a {font-size:1em;} #OM_box_wide #OM_box_form {position:relative;display:block;float:left;clear:both;padding:10px 10px 0;background:url('../../../static_images/etuovi-kuluttaja/v2/areyousellingpage/katkolinja.gif') left top repeat-x;width:746px;} #OM_box_wide_col1 {width:248px;} #OM_box_wide_col2 {width:252px;} #contentArea #OM_box_wide ul {margin:0;padding:0 0 10px;list-style-type:none;float:left;font-size:1em;} #contentArea #OM_box_wide ul#OM_box_wide_col3 {width:246px;padding-bottom:2px;} #contentArea #OM_box_wide li {height:23px;line-height:23px;width:242px;font-size:1em;} #contentArea #OM_box_wide input, #OM_box_wide select, #OM_box_wide option {font-size:1em;font-family:Arial, sans-serif;} #OM_box_wide_col1 .textfield {width:229px;} #OM_box_wide_col3 .textfield {width:62px;} #OM_box_wide_col2 label {display:block;float:left;width:90px;clear:left;margin:0;} #OM_box_wide select {width:112px;} .OM_box_empty {color:#999;} #OM_box_jatka {width:153px;height:23px;background:url('../../../static_images/etuovi-kuluttaja/v2/areyousellingpage/button_jatka_153x23.gif') left top no-repeat;border:none;} #OM_box_jatka span {display:none;} /* /Oletko myymässä -ohjauslaatikko */ /* vakuutusbanneri laatikko */ #insurance_box{position:relative;clear:both;background: #eee url('../../../static_images/etuovi-kuluttaja/v2/areyousellingpage/haive_harmaa_palkki.gif') left top repeat-x;float:left;width:766px;margin-bottom:10px;font-size:1.1em;} #insurance_box h4, #insurance_box p {float:left;height:19px;line-height:19px;padding:10px 0 5px 10px;margin:0;} #insurance_box h4 {font-size:19px;font-weight:bold;} #insurance_box a {font-size:1em;} /* vakuutusbanneri laatikko */ /* Asuntomarkkinakatsaus tilaukset laatikko */ #NL_box_wide {position:relative;clear:both;background: #eee url('../../../static_images/etuovi-kuluttaja/v2/areyousellingpage/haive_harmaa_palkki.gif') left top repeat-x;float:left;width:766px;margin-bottom:10px;font-size:1.1em;} #contentArea #NL_box_wide h4, #contentArea #NL_box_wide p {float:left;height:19px;line-height:19px;padding:10px 0 5px 10px;margin:0;} #contentArea #NL_box_wide h4 {font-size:19px;font-weight:bold;} #contentArea #NL_box_wide a {font-size:1em;} #NL_box_wide #NL_box_form {position:relative;display:block;float:left;clear:both;padding:10px 10px 0;background:url('../../../static_images/etuovi-kuluttaja/v2/areyousellingpage/katkolinja.gif') left top repeat-x;width:746px;} #NL_box_wide_col1 {width:220px;} #NL_box_wide_col2 {width:85px;} #NL_box_wide_col3 {width:200px;} #NL_box_wide_col4 {width:200px;} #contentArea #NL_box_wide ul {margin:0;padding:0 0 10px;list-style-type:none;float:left;font-size:1em;} #contentArea #NL_box_wide input, #NL_box_wide select, #NL_box_wide option {font-size:1em;font-family:Arial, sans-serif;} #NL_box_wide_col2 label {display:block;float:left;width:90px;clear:left;margin:0;} #NL_box_wide select {width:152px;} .NL_box_empty {color:#999;} #NL_box_tilaa {width:130px;height:33px;background:url('../../../static_images/etuovi-kuluttaja/v2/itempage/AMK_tilaa_painike.gif') left bottom no-repeat;border:none;} #NL_box_jatka span {display:none;} /* /Oletko myymässä -ohjauslaatikko */ /* Lainahakemuksen esikatselu-sivu */ div#loanCalculator_hint { background-color: #F4E7B0; padding-top: 8px; padding-bottom: 8px; margin-top: 10px; } td#loanCalculatorPreview_half { width: 380px; background-color: #EEEEEE; } table.loanCalculatorPreview_content_table {float: left; border-collapse: collapse; margin: 0; } td.loanCalculatorPreview_content_key { width: 135px; font-weight: bold;} td.loanCalculatorPreview_content_value { width: 225px; } div.loanCalculatorPreview_separator_line { float: left; width: 363px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #999999; } /* OMISTAJA KOMMENTOI ESITTELYSIVU */ #oc_info {float:left;width:768px; background:#eeeeee; height:470px; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc;margin-top:15px; font-size:11px;font-family:Arial, sans-serif;} #oc_info_left {float:left;width:378px;} #oc_info_left_title {margin: 20px 0 0 20px; width:340px; height:52px;background:url('../../../static_images/etuovi-kuluttaja/v2/misc/owner_comment_infopage_title.jpg') center center no-repeat;} #oc_info_left_text {padding-left: 5px; margin-top:10px;} #oc_info_left_text h3{padding-left: 5px;padding-bottom: 10px; width:350px; margin-top:5px;} #oc_info_left_text ul, #oc_info_left_text li{font-size:11px;font-family:Arial, sans-serif; margin-top:10px;} #oc_info_right {float:left;width:390px;height:100%;background:url('../../../static_images/etuovi-kuluttaja/v2/misc/owner_comment_infopage.jpg') center center no-repeat;}