
/* HAKUSIVU */
.condition {float:left; width:120px;}
#search_itemcode { float: left; margin-top: 15px; margin-bottom: 15px; background-color: #ffffff; padding: 1px 5px 9px 10px; border-top: 1px solid #84AADC;  border-bottom: 1px solid #84AADC; width: 630px; }
*HTML #search_itemcode { width: 640px; w\idth: 628px; margin-right: 5px; }
#areaSelection, #apartmentSelection, #siteSelection, #farmSelection, #itemSelection, #costSelection, #attributeSelection, #extraSelection { background-color: #ffffff; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #84AADC; }
#extraSelection {border-bottom:1px solid #84AADC;}
#country { float: left; margin-left: 10px;}
/* Country etuovenarvo on 164px*/
#county, #municipality { float: left; margin-left: 15px; }
#municipality { margin-right: 15px; width:130px;}
*HTML #ownership, *HTML #apartmentType, *HTML #price, *HTML #apartment, *HTML #extra, *HTML #site, *HTML #farm, *HTML #item { margin-left: 8px; }
#postarea {float:left; width:130px;}
#subCountValue {background-color: #ffffff; }
#numberOfItemsContainer {height: 32px; background-color: #ffffff; margin-top: 15px; padding-top: 10px; float: left; }

#numberOfItemsContainerTop { float: right; margin-right: 45px; margin-top: 0; height: 0px; width: 230px; }
*HTML #numberOfItemsContainerTop { float: right; margin-right: 25px; margin-top: 7px; height: 0px; width: 230px; } 
/*right10*/
#numberOfItems { text-align: left; float: left; /*width: 270px;*/ font-size: 12px; line-height: 12px; font-weight: bold; color: #00418C;
border: 0; background-color: transparent; }
#selectedAreasContainer { float: left; width: 620px; height: 20px; margin-top: 9px; padding-left: 15px; }
*HTML #selectedAreasContainer { width:640px; w\idth: 625px; position:relative; top:5px;}
#selectedAreas { background-color: #ffffff; border: none; width: 640; font-size: 10px; }
#areaDisplay {width:600px}

div#searchRoomcount {margin-left:15px;}

#searchExtra {margin-left:15px; float:left; width:130px;}
#searchAnnounced {float:left; width:130px; margin-left:15px;}
#searchSortcriteria {float:left; margin-left:15px;}

#searchTotalarea {float:left; width:300px; height:30px;}
*HTML #searchTotalarea {float:left; width:300px; height:30px;}

.countArearecommendation { float: left; height:30px;}
.countArearecommendation img {border:0; margin-right:4px; float: left;}
*HTML .countArearecommendation { float: left; height:30px; position: absolute; top:122px; left:300px;}
*HTML .countArearecommendation img {border:0; margin-right:4px; float: left;}

.help {float:right;}
.help img { border:0;}
#help h3 {color:#00418C;}

/* KARTTAHAKU */
.searchMap { float: left; width: 640px; background-color: #ffffff; 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: #ffffff; padding: 5px; } *HTML div#mapControl div#zoom { margin-left: 14px; }
div#mapControl #arrows  { margin-left: 28px; background-color: #ffffff; 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: 640px; margin-top: 20px; }
div#searchMapHelp h2 {margin-left:7px; margin-top:7px;}
div#searchMapHelp div { background-color: #ffffff; border: 1px solid #969C98;}
.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; height: 255px; text-align: left; }

/* HAKULISTA */
#searchCriteria { float: right; margin-top: 15px; margin-bottom: 15px; margin-right: 5px; padding: 5px; border: 1px solid #84AADC; width: 300px; }
*HTML #searchCriteria { width: 312px; w\idth: 300px; margin-right: 5px; } /* IE6 margin puolitetaan */
#itemsFromTo { float: left; width: 140px; padding-top: 15px; padding-bottom: 10px; }
#itemsOnPage { float: left; width: 350px; padding-top: 15px; padding-bottom: 10px; text-align: right;}
#listNavi { float: left; width: 290px; text-align: right; padding-top: 15px; padding-bottom: 10px; }

table#searchList, table#searchListHoliday, table#searchListSite, table#searchListFarm, table#searchListOther {
table-layout: fixed; width: 640px; border-collapse: collapse; border-top: 1px solid #999999; border-bottom: 1px solid #999999; clear: left; }
table#searchList TH, table#searchListHoliday TH, table#searchListSite TH, table#searchListFarm TH, table#searchListOther TH {
background-color: #E7E9E4; }
table#searchList TH a, table#searchListHoliday TH a, table#searchListSite TH a, table#searchListFarm TH a, table#searchListOther TH a {
color: #333333; display: block; padding-top: 3px; padding-bottom: 6px; } /* Kaikille mm. padding-bottom: 6px; m<sup>2</sup> korottaa riviä. */
*HTML table#searchList TH a, *HTML table#searchListHoliday TH a, *HTML table#searchListSite TH a, *HTML table#searchListFarm TH a, *HTML table#searchListOther TH a {
padding-bottom: 5px;  } /* IE:lle oma tyyli */
table#searchList TH#m2 a, table#searchListHoliday TH#m2 a, table#searchListSite TH a, table#searchListFarm TH a,  table#searchListOther TH a {
padding-bottom: 3px;  } /* Palautetaan m2 takaisin sekä ne tablet, joissa ei ole m2 */
table#searchList TH a:hover, table#searchListHoliday TH a:hover, table#searchListSite TH a:hover, table#searchListFarm TH a:hover, table#searchListOther TH a:hover {color:#349933; text-decoration: none; }
table#searchList TD, table#searchListHoliday TD, table#searchListSite TD, table#searchListFarm TD, table#searchListOther TD {
padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

table#searchList TH#kuva { width: 100px; }
table#searchList TH#listDescription {width: 150px; text-align:left; padding-left:8px; padding-top:3px;}
table#searchList TH#listPrice	{width: 70px; text-align:right; padding-top:3px;}
table#searchList TH#listPriceRent	{width: 100px; text-align:right; padding-top:3px;}
table#searchList TH#listImage	{width: 90px;}
table#searchList TH#listBuildyear	{width: 70px; padding-top:3px;}
table#searchList TH#listArea	{width: 210px;}
table#searchList TH#listAddress	{width: 160px; text-align:left; padding-left:8px; padding-top:3px;}
table#searchList TH#listPresentation {width: 130px;}
table#searchList TH#listBooking {text-align:left; padding-left:8px;}
table#searchList TH#listShowing {text-align:left; padding-left:8px; width:70px;}

table#searchList TD#listDescription {width: 150px;}
table#searchList TD#listPrice	{width: 70px;}
table#searchList TD#listPriceRent	{width: 70px;}
table#searchList TD#listImage	{width: 90px;}
table#searchList TD#listBuildyear	{width: 70px;}
table#searchList TD#listArea	{width: 210px; text-align:center;}
table#searchList TD#listAddress	{width: 160px;}
table#searchList TD#listPresentation {width: 130px;}
table#searchList TD#kuva {width: 100px;}


/*KOHDESIVU*/
div#external_links {background-color:#ffffff; float:left; width:270px; margin-bottom:10px;}
div#external_links img {border:0;}
#itemContainer { float: left; background: #ffffff; margin-top: 20px;}
.itemLeft { float: left; background-color: #ffffff; width: 300px; min-height:500px; border-right:1px solid #84AADC;}
*HTML {height:500px;}
.itemRight { float: left; width:330px; background-color: #ffffff;}
/* .itemExtraLink { float: left; width: 640px; overflow: hidden; margin-top: 5px; } tämä jos otetaan oma sivu käyttöön lisätietolinkeille*/
.itemCommercial { float: left; width: 170px; overflow: hidden; margin-top: 10px; }
table#brokerContainer { float: left; border-collapse: collapse; border: 1px solid #999999; border-left: 1px solid #ffffff; }
td#brokerLeft { width: 512px; padding-top: 4px; padding-bottom: 4px; }
td#brokerRight { width: 253px; border: 1px solid #999999; vertical-align: middle; text-align: center; }
*HTML td#brokerRight { width: 255px; w\idth: 253px; }
div#notes div { padding: 4px; }
table.itemInfoValues {float: left; border-collapse: collapse; width:320px; margin:5px 0 5px 5px;}
td.colOneThirdItemL { width: 150px; padding: 4px 2px 4px 2px; overflow: visible; }
td.colOneThirdItemR { width: 150px; padding: 4px 2px 4px 2px; overflow: visible; }

div#itemPresentation {width:330px; float:left; margin-bottom:5px; margin-left:5px; border-top:1px solid #84AADC; border-bottom:1px solid #84AADC;}
div#itemPresentationContact {width:330px; float:left; margin-bottom:5px; border-bottom:1px solid #84AADC;}
div#itemPresentation p {margin-top:10px; padding:0;}

#showingTime {float:left; margin-top:5px; width:330px;}
*HTML div.colOneThirdItemLShowings { width: 191px; w\idth: 181px; overflow: hidden; }
div.ItemPageWideLine { float: left; width: 630px; line-height: 1px; padding: 0 0 0 10px; background-color: #999999; overflow: visible;  }
/*502*/
div.colOneThirdItemL { float: left; width: 170px; padding: 4px 2px 0 2px; overflow: visible; }
*HTML div.colOneThirdItemL { width: 180px; w\idth: 170px; overflow: hidden; }
*HTML div.colOneThirdItemR { width: 486px; w\idth: 326px; overflow: hidden; }
#itemRightLinks { background-color: #ffffff; padding: 8px 0 8px 0; overflow: hidden; float: left; width: 100%; }
#itemRightLinks p { margin: 0; padding: 4px 0 4px 0; }
#itemRightForm {  float: left; width: 100%; }
#itemRightForm div { margin-top: 20px; margin-left: 30px; }
div#itemImages { float: left; width: 640px; background-color: #ffffff; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; text-align: center; border:0; margin-left:3px;}
div#itemImages img {border: 1px solid #333333; margin-left:3px;}

div#itemImages table#thumbImages {margin-left:auto; margin-right:auto; border:0;}

#imageSection table#thumbImages {border:0; margin:0; margin-top: 4px; border-collapse:collapse; table-layout:fixed;}
#imageSection table#thumbImages td {background-color: #ffffff; text-align: center; vertical-align: middle; padding:0px; border-right: 2px solid #EEEEEE; border-collapse:collapse; margin:0px;}
#mainImage {margin:0; height:188px; border-collapse:collapse;}
#mainImage td {padding:0; width:236px; height:182px; background-color: #ffffff; text-align: center; vertical-align: middle;}

div#itemImagesHelp { float: left; width: 221px; margin-top: 20px; }
div#itemImagesHelp div { background-color: #F4E7B0; border: 1px solid #969C98; margin-left: 10px; }
div#itemMapLeft { margin-top: 20px; background-color: #DADADA; }
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; }
#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; }
div#brokerLeftCol { margin-top: 10px; }
div#brokerRightCol { margin-top: 10px; background-color: #EEEEEE; border: 1px solid #999999; width: 253px; }
div#brokerRightCol div { padding: 10px; }
table#offeringsAndInfo { float: left; width: 504px; margin-top:10px; margin-bottom: 10px; }
table#offeringsAndInfo td {  border: 1px solid #999999; padding: 5px; }
table#offeringsAndInfo td#offerings { width: 50%; background-color: #EEEEEE; }
table#offeringsAndInfo td#info1 { background-color: #C6DDFF; }
table#offeringsAndInfo td#info2 { background-color: #C6DDFF; }
div#brokerBanner1 { float: left; width: 164px; height: 50px; background-color: #ffffff; text-align: center; margin-left: 2px; }
*HTML div#brokerBanner1 { margin-left: 1px; } /* IE:n tuplamarginaalin puolitus */
div#brokerBanner2 { float: left; width: 164px; height: 50px; margin-left: 4px; background-color: #ffffff; text-align: center; }
div#brokerBanner3 { float: left; width: 164px; height: 50px; margin-left: 4px; background-color: #ffffff; text-align: center; }
div#itemPager { border-bottom: 1px solid #84AADC; height: 19px; float: left; width: 640px; margin-top: 20px; text-align: right; }
h3 span.itemLeaf { float: left; height: 16px; background-color: #ffffff; padding: 0 10px; border: 1px solid #84AADC; border-bottom: none; color: #333333 }
h3 span.leaf { background-color: #999999; color: #333333 }

div.itemFailedContactRight {float:left; width: 130px; color: #009933; border: 2px solid #009933; font-size: 12px; font-weight: bold; padding: 3px; margin-bottom:3px;}

table#thumbImages {margin-top: 4px;}
table#thumbImages td {background-color: #ffffff; text-align: center; vertical-align: middle; width:44px; height:44px; padding:0;}

div#imageSection {float:left; width:236px; margin-left:5px; margin-bottom:15px; border:0px;}
div#imageSection a {text-decoration:none;}


*HTML h1#kohdesivu {width:330px;}


div#senderInfo {float:left; margin-top:5px; font-size:10px; width:225px; border:1px solid #84AADC; padding:5px;}
div#senderInfo h4 {margin-bottom:5px;}
table#sender {width:150px; margin-bottom:10px; margin-top:10px;}

div#senderMessage {float:left; width:225px; margin-top:5px;}
*HTML div#senderMessage {float:left; height:95px;}
textarea.levea {width:220px; height:45px; padding:0px;}

#searchmapimage img {border:0;}

/* 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; }

/* POPUP */
#popupTop { background-color: #ffffff; margin-top: 10px; }
#popupTop h1 { margin: 7px 0 7px 7px; width: 50%; color: #00418C; }


/* EI listattavia kohteita */
#itemsNotFound {background-color: #FFFFFF; float: left; width: 50%; color: #333333;  font-size: 12px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; padding: 5px; padding-left: 10px; margin-left:30px;}

