/* 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; } #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; } #watch_dog_paddings_small { padding: 5px 10px 0px 10px; } #watch_dog_button {font: bold 10px Verdana, Arial, sans-serif; line-height: 12px; background-color: #990033; color: #ffffff; margin: 0; border: 2px outset #D69BAF; } 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: 146px; } table#searchListSite TH#valittaja { width: 178px; 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;} /*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#itemPager {float: left; width: 30%; text-align: right; padding:2px 8px 0 0;} div#itemPager a {font-weight:bold;} 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; } /*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:316px; width: 234px;} 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: 51px; width: 100%; background-color: #EEEEEE;} div#itempage_map_route_search{float: left; margin-left: 5px;} input#itempage_map_route_start_street{border: 1px solid #9D9DA1; padding-left: 2px; height:14px; width: 85px;} input#itempage_map_route_start_town{border: 1px solid #9D9DA1; padding-left: 2px; height:14px; width: 75px;} 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; } 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;} 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; } table#addSuppliers td.addSupplier { width: 250px; padding: 12px; padding-bottom: 5px; } div.item_commercial_5 {float:left; padding:5px 0 0 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; } /* LAINALASKURI (LC = Loan calculator) */ div#loanCalculator_section { background-color: #eeeeee; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; } div.loanCalculator_colOneFourth { float: left; width: 188px; } 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; } .itemPageLC_element {float:left; padding:0 0 0 0;} #itemPageLC {float:left; border: 1px solid #CE7716; width:158px;} #itemPageLC_header {width:158px; background-color: #CE7716; } #itemPageLC_header div.title {padding:3px 0px 3px 8px; font-weight: bold; color: #FDFCFC;} #itemPageLC div.light {float:left; background-color: #F0E39D; width: 148px; padding:10px 5px 10px 5px; } #itemPageLC div.light div.float_left {padding:5px 0 0px 5px;} #itemPageLC div.row {padding:0px 0px 0px 3px; width: 145px; height: 22px ; vertical-align: middle;} #itemPageLC div.col_left {padding:0px 0px 0px 0px;font-weight: bold; width: 80px; float: left; vertical-align: middle; } #itemPageLC div.col_right {padding:0px 0px 0px 0px;width: 60px; float: right; vertical-align: middle;} #itemPageLC div.dark {float:left; background-color: #EDD08C; width: 148px; padding:10px 5px 10px 5px;} #itemPageLC div.dark div {line-height:18px;} .lcbank_rate {padding:2px 0 2px 3px; text-align:center;} .lcbank_rate span {font-style: italic; font-weight: normal; font-size: 10px;} /* SÄHKÖLASKURI (EC = Electric calculator) */ div#itemPageEC_element {float:left; padding:0 0 0 5px;} div#itemPageEC {float:left; border: 1px solid #235AAD; width:158px; margin-top:10px;} table#itemPageEC { border-collapse: collapse; width: 158px; } div#itemPageEC_header {color: #FDFCFC;} table#itemPageEC td.dark { padding: 3px 0 3px 8px; background-color: #235AAD; } table#itemPageEC td.light { padding: 7px 0 12px 0; background-color: #F1F1F1; } table#itemPageEC td.mid { padding: 8px 0 10px 8px; background-color: #E5E5E5; } table#itemPageEC td.light2 { padding: 8px 0 8px 0; background-color: #F1F1F1; } div#itemPageEC_top_content div { padding: 5px 0 0 10px; } div#submit { padding: 0; text-align:center; } #calculate_EC_button { font: bold 10px Verdana, Arial, sans-serif; line-height: 12px; background-color: #235AAD; color: #ffffff; border: 2px outset #3985FD; width: 83px; margin: 6px 0 0 0; padding: 0 0 0 0;} div#ec_calculator_section { background-color: #eeeeee; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; } div.ec_calculator_colOneFourth { float: left; width: 188px; } div.ec_calculator_colOneHalf { float: left; width: 374px; } /* mitat ei oikein jaolliset ruudun mitoissa. */ div.ec_calculator_colThreeFourth { float: left; width: 562px; } /* mitat ei oikein jaolliset ruudun mitoissa. */ /*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; } /* 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 */ #areaSelectionContainer { margin-top: 20px; 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; } *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; } /* kiinteistösivu layout mainostaulukolle jossa näkyy muita uudistuotantokohteita */ div#another_nb_items_base {padding:5px; float: left; width: 159px; overflow:hidden;} div#another_nb_items_header {font-size:12px; padding: 5px 7px 5px 7px; background-color: #CE7716; color: #FFFCF5; text-align: left; margin-bottom: 0; } div#another_nb_items_header span {font-size:12px; } div#another_nb_items_container { border: 1px solid #CE7716;} div#another_nb_items_row {padding:5px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; margin: 0;} /*div#another_nb_items_row_img { float: left; padding: 5px 5px 0 5px; height:50px; } div#another_nb_items_row_info { float: left; padding-top: 5px; height:50px; }*/ /* 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;} /* ************************************************************************* */ /* 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; } /* 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; } /* 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.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 { padding: 3px 0 3px 0; border-bottom: 1px solid #999999;} #bottomBanner div { width: 768px; 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') } /* NAVIPATH */ #navipath { float: left; width: 68%; margin-top: 2px; margin-bottom: 15px; font-size: 11px; font-weight: bold; } #navipath h1 { display: inline; font-size: 11px; font-weight: bold; color: #B50033;} #navipath a { font-size: 11px; font-weight: bold; text-decoration: underline; color: #B50033; } #navi_arrow {font-family:Verdana; color: #B50033;} /* 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#search_page_tab_container {margin-top:5px; border-bottom: 1px solid #C8A85D;} div#item_page_tab_container {float: left; width: 766px; border-bottom: 1px solid #C8A85D;} /* 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: 160px; } *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; } /* (VIRHE)ILMOITUKSET */ tr.oddrow { background-color: #EEEEEE; } tr.evenrow { background-color: #FFFFFF; } tr.row { background-color: #DEDEDE; } div.success { float: left; width: 50%; color: #009900; border: 2px solid #009900; font-size: 12px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; padding: 5px; padding-left: 10px; } div.failed { float: left; width: 50%; color: #cc0033; border: 2px solid #cc0033; font-size: 12px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; padding: 5px; padding-left: 10px; } .failedColor { background-color: #cc0033; } .failedText { color: #FFFFFF; font-weight: bold; } .clickandcall { float:left; padding-top:7px; } /* LINK BAR TYYLIT */