/*
================================================================================
METSALEHTI
================================================================================
*/

#Structure_Content .underlined{ padding: 0px 15px 0px 15px; background: none; }
#Structure_Content .underlined h4{ margin: 0px; margin-bottom: 15px; border-bottom-style: solid; border-bottom: solid 5px #92c97a; padding-top: 15px; font-weight: bold; color: #92c97a; }
#Structure_Content .underlined h4 p{ padding-top: 13px; }
.special td#Column_Main,
.realEstateAgent td#Column_Main{ padding-bottom: 2em; }
.special .Normal-Structure-0 .Text{ padding: 0; background: none; }
.SearchResult .List .PageHit .labelModificationTime{ padding-left: 10px; font-size: 0.9em; font-style: italic; color: #898a89; }
div.Search .labelDetailedSearch{ padding-right: 13px; }
div.SearchForm .DownPart .labelName{ padding-left: 5px; }

/* Etusivun iso banneripaikka */

div#Structure_Banner{ width: 100%; height: auto; margin: 0 !important; border: 0 !important; padding: 0 !important; text-align: center; overflow: hidden; line-height: 0; }
div#Structure_Banner div.control{ width: 728px; height: auto !important; margin: 5px auto; border: 0 !important; padding: 0; overflow: hidden; text-align: center; vertical-align: top; line-height: 0; }
div#Structure_Banner div.control div,
div#Structure_Banner div.control p,
div#Structure_Banner div.control a,
div#Structure_Banner div.control img,
div#Structure_Banner div.control object{ display: block; margin: 0 !important; border: 0 !important; padding: 0 !important; }

/* Uutiskirjeen tilaus */

div.letterOrder div.fieldset{ padding: 20px 0 0; }
div.letterOrder div.formRow{ clear: left; padding: 5px 0; }
div.letterOrder label{ display: -moz-inline-block; display: inline-block; width: 15em; margin: 0 15px 0 0; text-align: right; }
div.letterOrder input{ margin: 0; vertical-align: baseline; }
div.letterOrder span.mailingListTitle{ font-weight: bold; }

/* Lomakkeet */

.formWide fieldset{ clear: both; margin: 0; border: 0; padding: 0; }
.formWide fieldset fieldset{ margin: 1.5em 0 1em; }
.formWide fieldset fieldset legend{ float: left; margin: 0; padding: 0; font-size: 1em; font-weight: bold; color: #000; }
.formWide .field .help, .formWide .fieldset .help, .formWide .locationFieldset .help{ float: right; width: 163px; margin: 0; border: 0; padding: 0; font-size: 0.846em; color: #666; background-color: transparent; }
.formWide .field, .formWide .fieldset, .formWide .locationFieldset{ clear: both; float: left; width: 732px; border-bottom: 1px solid #ebebeb; padding: 6px 10px; }
.formWide .locationFieldset{ width: 732px; }
.formWide .locationFieldset .field{ clear:none; width: 555px; }
.formWide .locationFieldset{ width: 100%; border-bottom: 0; padding: 0; }
.formWide .field:hover, .formWide .fieldset:hover{ background-color: #ffc; }
.formWide .field.error, .formWide .fieldset.error{ background-color: #ecc; }
.formWide .disableHover:hover{ background-color: transparent; }
.formWide .first{ border-top: 5px solid #ebebeb; }
.formWide .inputGroup .field{ clear: both; float: left; width: 100%; margin: 0; border: 0; padding: 0; }
.formWide .label{ float: left; width: 163px; margin-right: 24px; font-weight: normal; }
.formWide .label strong{ font-weight: normal; }
.formWide .inputGroup .field .label{ float: none; display: block; width: auto; margin-left: 20px; }
.formWide .field .input, .formWide .fieldset .inputGroup{ float: left; width: 368px; }
.formWide .field .input input.textfield,
.formWide .field .input textarea{ padding: 2px 4px; }
.formWide .field .input input.textfield{ width: 48%; }
.formWide .field .input input.small{ width: 23%; }
.formWide .field .input input.large{ width: 97%; }
.formWide .field .input input.numeral{ text-align: right; }
.formWide .field .input textarea{ width: 97%; }
.formWide .field .input select{ width: 184px; }
.formWide .inputGroup .field .input{ float: left; width: 20px; margin-top: 0; margin-bottom: 0; }
.formWide .buttons{ float: left; width: 100%; text-align: right; }
.formWide .buttons .button{ float: right; width: auto; margin-left: 10px; border: 2px outset #92c97a; padding: 3px 6px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 1.538em; font-weight: normal; text-transform: uppercase; color: #fff; background-color: #92c97a; cursor: pointer; }
.formWide .buttons .buttonAlt{ border-color: #666; background-color: #666; }

.formWide div.captcha .inputGroup table{ width: 100%; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
.formWide div.captcha .inputGroup table td{ padding: 0; vertical-align: middle; }
.formWide div.captcha .inputGroup table td.image{ width: 80px; }
.formWide div.captcha .inputGroup table td.image img{ margin: 0 !important; padding: 0 !important; }
.formWide div.captcha .inputGroup table td.equal{ padding: 0; font-size: 18px; text-align: center; }
.formWide div.captcha .inputGroup table td.inputCaptcha{ width: 200px; }
.formWide div.captcha .inputGroup table td.inputCaptcha input.textfield{ margin: 0; padding: 2px 4px; font-size: 18px; color: #333; }

/*
================================================================================
METSAKIINTEISTOT
================================================================================
*/

.realEstateAgent h2{ margin: 1.5em 0 1em; font-size: 1em; }

.formWide input, .formWide select, .formWide textarea,
.realEstateSearch input, .realEstateSearch select{ margin-top: 0; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.formWide select option, .realEstateSearch select option{ margin: 0; }
.realEstateAgent .toggleLink{ color: #009366; }
.realEstateAgent .toggleLink .bullet{ font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; }

.formMessage{ clear: both; margin: 1.5em 0 1em; border-width: 1px; border-style: solid; padding: 6px 10px; font-style: italic; }
	.formMessage p{ margin: 0.5em 0; }
	.formMessage ul{ margin-top: 0.5em; margin-bottom: 0.5em; }
.exclamation{ border-color: #d99; background-color: #ecc; }
.information{ border-color: #9d9; background-color: #cec; }
.help{ border-color: #fd9; background-color: #fec; }
.formMessage .toggleLink{ margin: 0; font-style: normal; text-align: right; }

/* Wizard */

ol.wizard{ float: left; width: 100%; margin: 0 0 1em; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.231em; list-style: none; }
ol.wizard li{ float: left; width: 242px; margin: 0 10px 0 0; border: 1px solid #d4d4d4; padding: 0; text-align: center; color: #ccc; background-color: #fff; }
ol.wizard li.lastItem{ margin-right: 0; }
ol.wizard li.act{ font-weight: bold; color: #666; background-color: #e4e4e4; }
ol.wizard li.done{ background-color: #fff; }
ol.wizard li a, ol.wizard li strong, ol.wizard li span{ display: block; padding: 20px 10px; text-align: center; }
ol.wizard li.done a{ color: #666; }

/* Maksaminen */

.realEstateAnnouncementPayment dl.paymentDetails dt{ font-style: italic; }
.realEstateAnnouncementPayment dl.paymentDetails dd{ font-weight: bold; }

/* Haku / tarkennettu haku */

.realEstateSearch{ margin-bottom: 1em; }
.realEstateSearch .title h2{ position: relative; }
.realEstateSearch .title h2 span{ display: none; position: absolute; top: 0px; right: 0px; }
.realEstateSearch .content{ margin: 0; padding: 10px; background-color: #f4f4f4; font-size: 0.846em; }
.realEstateSearch .basicOptionsWrapper, .realEstateSearch .advancedOptionsWrapper{ position: relative; clear: both; float: left; width: 100%; }
.realEstateSearch .advancedOptionsWrapper{ margin-top: 10px; }
.realEstateSearch .basicOptions, .realEstateSearch .advancedOptions{ float: left; width: 546px; }
.realEstateSearch fieldset{ margin: 0; border: 0; padding: 0; }
.realEstateSearch fieldset.inputValues, .realEstateSearch fieldset.inputGroup{ float: left; width: 174px; margin: 0 12px 0 0; }
.realEstateSearch .locationFieldset{ float: left; width: 372px; overflow: hidden; }
.realEstateSearch fieldset.bottomMargin{ margin-bottom: 10px; }
.realEstateSearch fieldset.noRightMargin{ margin-right: 0; }
.realEstateSearch fieldset fieldset legend{ margin: 0 0 0.25em; padding: 0; font-weight: bold; color: #000; }
.realEstateSearch .field{ float: left; width: 100%; }
.realEstateSearch .multiSelect{ width: 174px; margin: 0 12px 0 0; }
.realEstateSearch .inputValues .field{ width: auto; }
.realEstateSearch .field .label{ display: block; }
.realEstateSearch .multiSelect .label{ margin: 0 0 0.25em; font-weight: bold; font-style: normal; color: #000; }
.realEstateSearch .inputValues .field .label{ display: none; }
.realEstateSearch .inputGroup .field .label{ display: block; margin-left: 20px; }
.realEstateSearch .inputGroup .field .input{ float: left; }
.realEstateSearch .inputValues .field input{ width: 30px; }
.realEstateSearch .inputGroup .field input{ margin-top: 0; margin-bottom: 0; }
.realEstateSearch .multiSelect select{ display: block; width: 174px; }
.realEstateSearch .buttons{ position: absolute; bottom: 0px; right: 0px; width: 174px; text-align: right; }
.realEstateSearch .buttons .button{ width: auto; overflow: auto; font-size: 1.818em; }
.realEstateSearch .advancedOptionsWrapper .buttons .button{ display: none; }
.realEstateSearch .toggleLink{ margin: 1em 0 0; font-size: 1.182em; }

/* Kohdelistaus */

.realEstateList{ width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; }
.realEstateList td{ border: 1px solid #fff; padding: 6px 10px; text-align: left; vertical-align: top; background-color: #f4f4f4; }
.realEstateList tr.Header td, .realEstateList tr.Header:hover td{ font-weight: bold; color: #fff; background-color: #92c97a; cursor: default; }
.realEstateList tr.Alternating td{ background-color: #fff; }
.realEstateList tr:hover td, .realEstateList tr.hover td{ background-color: #ffc; cursor: pointer; }
.realEstateList td.image{ width: 80px; }
.realEstateList td.image img{ border: 0; }
.realEstateList td.size, .realEstateList td.price{ text-align: right; }
.realEstateList td.price .sold { color: red; text-decoration:line-through; }
.realEstateList td a{ display: block; width: 100%; height: 100%; color: #000; }

/* Kohteen tiedot */

.realEstateView h2{ margin-top: 0; font-size: 2em; }
.realEstateView h3{ margin: 1.5em 0 0; border-bottom: 5px solid #ebebeb; padding: 0; font-size: 1em; font-weight: bold; color: #000; }
.realEstateView .description{ width: 100%; }
.realEstateView .images{ float: right; width: 350px; margin: 0 0 1em 1em; padding: 10px; background-color: #f4f4f4; }
.realEstateView .images .image{ width: 350px; height: 263px; border: 0; border-collapse: collapse; border-spacing: 0; line-height: 1; }
.realEstateView .images .image td{ width: 350px; height: 263px; border: 0; padding: 0; text-align: center; vertical-align: middle; background: #f4f4f4 url(/Layout/Default/Image/Metsakiinteistot/bg/bg_image_loader.gif) no-repeat center center; }
.realEstateView .images .image img{ border: 0; max-height: 263px; }
.realEstateView .images .thumbnails{ float: left; width: 100%; margin: 10px 0 -5px; width: 315px; padding: 0 16px 0 19px; list-style: none; }
.jsEnabled .realEstateView .images .thumbnails{ height: 60px; margin-bottom: 0; overflow: hidden; }
.realEstateView .images .thumbnails li{ float: left; width: 60px; height: 60px; margin: 0 3px 3px 0; background-color: #dadada; }
.realEstateView .images .thumbnails li a{ float: left; display: block; margin: 0; padding: 0; }
.realEstateView .images .thumbnails li img{ margin: 0; border: 0; padding: 0; }
.realEstateView .images .jcarousel-container{ position: relative; margin: 10px 0 0; width: 312px; height: 60px; padding: 0 19px; }
.realEstateView .images .jcarousel-clip{ position: relative; z-index: 2; width: 312px; height: 60px; margin: 0; padding: 0; overflow: hidden; }
.realEstateView .images .jcarousel-list{ position: relative; z-index: 1; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden; }
.realEstateView .images .jcarousel-list li, .realEstateView .images .jcarousel-list .jcarousel-item{ float: left; width: 60px; height: 60px; list-style: none; }
.realEstateView .images .jcarousel-list .jcarousel-item{ margin: 0 3px 0 0; }
.realEstateView .images .jcarousel-prev{ position: absolute; top: 0; left: 0; z-index: 3; width: 16px; height: 60px; cursor: pointer; background: #d4d4d4 url(/Layout/Default/Image/Metsakiinteistot/bg/bg_jcarousel_prev.gif) no-repeat left top; }
.realEstateView .images .jcarousel-prev:hover, 
.realEstateView .images .jcarousel-prev:active{ background-position: 0 -60px; }
.realEstateView .images .jcarousel-prev-disabled,
.realEstateView .images .jcarousel-prev-disabled:hover,
.realEstateView .images .jcarousel-prev-disabled:active { cursor: default; background-position: 0 -120px; }
.realEstateView .images .jcarousel-next{ position: absolute; top: 0; right: 0; z-index: 3; width: 16px; height: 60px; cursor: pointer; background: #d4d4d4 url(/Layout/Default/Image/Metsakiinteistot/bg/bg_jcarousel_next.gif) no-repeat left top; }
.realEstateView .images .jcarousel-next:hover, 
.realEstateView .images .jcarousel-next:active{ background-position: 0 -60px; }
.realEstateView .images .jcarousel-next-disabled,
.realEstateView .images .jcarousel-next-disabled:hover,
.realEstateView .images .jcarousel-next-disabled:active { cursor: default; background-position: 0 -120px; }
.realEstateView .info{ clear: both; float: left; width: 100%; margin: 0; }
.realEstateView .broker{ float: right; width: 370px; }
.realEstateView .broker .image{ padding: 6px 10px; }
.realEstateView .broker .description{ padding: 6px 10px; }
.realEstateView .basic{ clear: none; float: left; width: 370px; }
.realEstateView .infoTable{ width: 100%; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
.realEstateView .infoTable th, .realEstateView .infoTable td{ border-bottom: 1px solid #ebebeb; text-align: left; vertical-align: top; }
.realEstateView .infoTable th{ width: 163px; padding: 6px 12px 6px 10px; font-weight: normal; font-style: italic; }
.realEstateView .infoTable td{ padding: 6px 10px 6px 12px; }

/* Yleiset luokat */

.jsEnabled .noScript{ display: none; }
.jsEnabled .script{ display: block; }
.realEstateAgent .script{ display: none; }
.realEstateAgent .clearLeft{ clear: left; }
.realEstateAgent .clearBoth{ clear: both; }

/*
================================================================================
FOORUMI JA KOMMENTOINTI
================================================================================
*/

/* Forum */

div.forum div.moderationTools{ text-align: right; }
div.forum div.moderationTools input{ width: auto; margin: 10px 0 10px 5px; border: 2px outset #666; padding: 1px 4px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #fff; background-color: #666; cursor: pointer; }
div.forum div.groupHeader{ margin-bottom: 20px; }
div.forum div.paging{ margin: 20px 0; text-align: center; }
div.forum div.paging .pages span,
div.forum div.paging .pages a{ border: 1px solid #ccc; padding: 1px 5px; }
div.forum div.paging .pages a{ color: #009366; text-decoration: none; background-color: #eee; }
div.forum div.paging .pages a:hover{ background-color: #fff; }
div.forum div.formWide{ margin-bottom: 0; }

div.forum table.statistics{ width: 100%; margin: 0 0 20px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
div.forum table.statistics th{ width: 30%; padding-right: 3%; text-align: left; }
div.forum table.statistics td{ width: auto; white-space: normal; }
div.forum table.statistics td span span{ white-space: nowrap; }
div.forum table.statistics td span span.title{ white-space: normal; }

div.forum table.threadList{ width: 100%; margin: 0; border-bottom: 1px solid #ccc; }
div.forum table.threadList th,
div.forum table.threadList td{ padding: 10px; text-align: left; vertical-align: top; }
div.forum table.threadList th{ border-bottom: 1px solid #ccc; }
div.forum table.threadList tr.alternating td{ background-color: #ebebeb; }
div.forum table.threadList .type{ width: 1px; padding-right: 0; text-align: center; }
div.forum table.threadList .title{ width: 280px; font-weight: bold; }
div.forum table.threadList .messageCount,
div.forum table.threadList .viewCount{ width: 1px; text-align: center; }
div.forum table.threadList .action{ width: 1px; text-align: center; }
div.forum table.threadList td.info span span{ white-space: nowrap; }
div.forum table.threadList td.info span span.title{ font-weight: normal; white-space: normal; }

div.forum .threadBodyEditor .input { width: 540px; }
div.forum .threadBodyEditor textarea { height: 200px; }

div.forum div.displayOptions{ padding-top: 20px; text-align: center; line-height: 20px; }
div.forum div.displayOptions fieldset{ margin: 0; border: 0; padding: 0; }
div.forum div.displayOptions span.field{ margin-right: 10px; }
div.forum div.displayOptions span.field input,
div.forum div.displayOptions span.field select{ margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
div.forum div.displayOptions span.field select option{ margin: 0; }
div.forum div.displayOptions span.buttons .button{ width: auto; border: 2px outset #92c97a; padding: 1px 4px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #fff; background-color: #92c97a; cursor: pointer; }

div.forum div.message{ margin: 10px 0; border: 1px solid #ebebeb; }
div.forum div.message .moderationTools{ padding: 0 15px; background-color: #ebebeb; }
div.forum div.message .messageTitle{ margin: 0; padding: 10px 15px 5px; font-size: 13px; background-color: #ebebeb; }
div.forum div.message div.messageMeta{ padding: 0 15px 10px; background-color: #ebebeb; }
div.forum div.message div.messageMeta p{ margin: 0; }
div.forum div.message div.messageMeta em{ font-style: normal; }
div.forum div.message div.messageBody{ margin: 0; padding: 20px 15px; }
div.forum div.message div.messageBody blockquote{ margin: 10px 0; border: 1px dashed #ccc; padding: 10px; font-style: normal; color: #666; background-color: #ebebeb; }
div.forum div.message div.messageBody blockquote cite{ display: block; margin: 0 0 10px; padding: 0; font-weight: normal; font-style: italic; }

div.forum div.message div.messageActions{ min-height: 16px; height: auto !important; height: 16px; border-top: 1px solid #ebebeb; padding: 10px 15px; line-height: 16px; color: #009366; }
div.forum div.message div.messageActions ul{ float: left; height: 16px; margin: 0; padding: 0; list-style: none; line-height: 16px; }
div.forum div.message div.messageActions ul li{ float: left; height: 16px; margin-right: 10px; }
div.forum div.message div.messageActions ul li a{ float: left; padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; }
div.forum div.message div.messageActions ul.links{ width: 50%; }
div.forum div.message div.messageActions ul.links li.quote a{ background-image: url(/Layout/Default/Image/Forum/icon_quote.png); }
div.forum div.message div.messageActions ul.links li.reportAbuse a{ background-image: url(/Layout/Default/Image/Forum/icon_report-abuse.png); }
div.forum div.message div.messageActions div{ float: right; width: 50%; height: 16px; line-height: 16px; text-align: right; }
div.forum div.message div.messageActions div.rating{ float: right; width: auto; }
div.forum div.message div.messageActions div.rating ul li{ margin-right: 0; margin-left: 10px; }
div.forum div.message div.messageActions div.rating ul li.positive a{ background-image: url(/Layout/Default/Image/Forum/icon_rate-positive.png); }
div.forum div.message div.messageActions div.rating ul li.value span{ border: 1px solid #ccc; padding: 0 5px; color: #000; background-color: #ebebeb; }

/* Commenting */

div.announcement div.commenting{ padding-top: 20px; }
div.commenting a{ color: #009366; }
div.commenting div.moderationTools{ text-align: right; }
div.commenting div.moderationTools input{ width: auto; margin: 10px 0 10px 5px; border: 2px outset #666; padding: 1px 4px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #fff; background-color: #666; cursor: pointer; }
div.commenting div.paging{ margin: 20px 0; text-align: center; }
div.commenting div.paging .pages span,
div.commenting div.paging .pages a{ border: 1px solid #ccc; padding: 1px 5px; }
div.commenting div.paging .pages a{ color: #009366; text-decoration: none; background-color: #eee; }
div.commenting div.paging .pages a:hover{ background-color: #fff; }
div.commenting div.formWide{ margin-bottom: 0; }

div.commenting div.comment{ margin: 10px 0; }
div.commenting div.comment .commentTitle{ margin: 0; padding: 10px 15px 5px; font-size: 13px; background-color: #ebebeb; }
div.commenting div.comment div.commentMeta{ padding: 0 15px 10px; background-color: #ebebeb; }
div.commenting div.comment div.commentMeta p{ margin: 0; }
div.commenting div.comment div.commentMeta em{ font-style: normal; }
div.commenting div.comment div.commentBody{ margin: 0; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 20px 14px; }
div.commenting div.comment div.commentBody blockquote{ margin: 0; }
div.commenting div.comment div.commentActions{ min-height: 16px; height: auto !important; height: 16px; line-height: 16px; padding: 10px 15px; background-color: #ebebeb; }
div.commenting div.comment div.commentActions .links{ float: left; width: 75%; height: 16px; margin: 0; padding: 0; list-style: none; line-height: 16px; color: #009366; }
div.commenting div.comment div.commentActions .links .link{ float: left; margin-right: 10px; }
div.commenting div.comment div.commentActions .links a{ color: #009366; }
div.commenting div.comment div.commentActions div{ float: right; width: 15%; height: 16px; line-height: 16px; text-align: right; }
div.commenting div.comment div.commentActions div.rating{ float: none; width: 100%; }
div.commenting div.comment div.commentActions div.rating p{ margin: 0; }
div.commenting div.comment div.commentActions div.rating p img{ vertical-align: bottom; }
div.commenting div.comment div.commentActions div.rating .positiveValue{ color: #42ae0d; }

/*
================================================================================
METSAKORTISTO uudet
================================================================================
*/

.video
{
    margin-bottom:20px;
}
.video_frame
{ 
    width:518px; 
    height:230px; 
    background:#fff url('/Layout/Default/Image/video_frame.jpg') no-repeat;
    margin-bottom:20px;
    padding-top: 80px;
}
    .video_frame span
    {
        display:block;
        width: 300px;
        font-size:14pt;
        margin:0px auto;
        text-align:center;
        color:#fff;
    }
    a.popup:hover
    {
        text-decoration:none;
    }
    .video_frame span:hover
    {
        text-decoration:none;
    }

/*
================================================================================
ChannelView
================================================================================
*/

#Structure_3column .channelView .title { border-bottom: 5px solid #92C97A; color:#92C97A; font-family:Trebuchet MS; padding-top: 5px;}
#Structure_3column .channelView .content { border-bottom:3px solid #EBEBEB; padding-bottom: 5px; margin-bottom: 10px}
#Structure_3column .channelView .content h3 { margin-bottom: 0px; }