/* general classes */
.h {
    display:none
}

sup {
    height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
    bottom:1ex;
}

.all-caps {
    text-transform: uppercase;
}

.heading-blue {
    color: #2375bb!important;
}

.page-headline,
.section-headline,
.puff-headline,
.puff-headline-wide,
.puff-headline-narrow,
.sub-headline,
.project-headline,
.search-headline,
.preamble-narrow,
.preamble-wide,
.project-listing-headline,
.search-result-headline,
.project-page-headline,
.project-preamble-wide,
.footerlayer-headline,
.contact-search-headline,
.contact-search-subheadline,
.dashboard-headline,
.dashboard-subheadline,
.dashboard-link,
.startpage-html-headlines,
.startpage-statement
{
    font-family: "Gill Sans", "Gill Sans MT", Arial, Verdana,sans-serif;
	font-weight:normal;
	display: block;
}

.startpage-statement {
    font-size: 2.4em;
}

td {
    vertical-align: top;
}

/* typography */

body {
    font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	margin:0px;
	padding:0px;
	position:relative;
	text-align:center;	
	top:0px;
}

h1, h2, h3, h4, h5, h6, .section-headline {
    font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
}

p.red {
    color: #f00;
}

p.newsitem {
    border-bottom: 1px solid #E5E5E5;
    margin-top: 10px;
    padding: 7px 5px 10px 0;
}

        p.newsitem .date {
            color: #2375BB;
        }
    
        p.newsitem a {
            border-bottom: none!important;
            color: #000;
            text-decoration: none;
        }
    
        p.newsitem a:hover {
            color: #2375BB;
        }
    
        
        

.preamble,
.preamble-wide, 
.preamble-narrow {
    font-size:1.45em;
    font-weight: normal;
	line-height:1.4em;
}

.sub-headline-container .sub-headline {
	background-repeat:no-repeat;
    color: #9a9a9a;
	font-size:1.7em;
	line-height:1.4em;	
	margin:0px !important;
	padding:0 0 2px 0;
    width:100%;
}
.sub-headline {
    color: #9a9a9a;
	font-size:1.7em;
	line-height:1.4em;	
	margin:0px !important;
	padding:0 0 2px 0;
}


.info-box p {
    font-size: 1em;
}

/* elements */

#NCC .puff .footer {
    border-top: 1px solid #fff;
    margin: 0;
    position: relative;
}

a.blue-arrow-button {
    background: #2375bb url(../media/img/bg_blue-arrow-btn.gif) no-repeat scroll left center;
    color: #fff!important;
    display: block;
    float: left;
    height: 17px;
    margin-left: 5px;
    padding: 2px 13px 0 27px;
    text-transform: uppercase;
}

a.section-headline-returnlink {
    background: #fff url(../media/img/bg_return-link-arrow.gif) no-repeat scroll left center;
    bottom: 0;
    color: #000;
    display: block;
    float: left;
    padding-left: 15px;
    position: absolute;
}

/* helpnavi - means text resizing links */

#NCC #header #heading #heading-container #helpnavi {
    float: right;
    text-align: right;
    width: 42px;
}

        #NCC #header #heading #heading-container #helpnavi a {
            display: block;
            float: right;
            margin-left: 4px;
        }
        
                #NCC #header #heading #heading-container #helpnavi a img {
                    width: auto;
                }

#NCC #header #heading #heading-container img,
#NCC #header #heading #heading-container #seperator {
    float: left;
 	margin-top:10px;
    position: relative;
    width: 300px;
}

/* residential search */

.sectionpage2 .residential-search,
.office-search,
.residential-search {
    height: auto;
    padding-bottom: 15px;
}

/* blue-button - in right column */

.blue-button {
	margin:0 0 7px 0;
	padding:3px 8px 4px 8px;
	background-color:#2070b5;
	clear:both;
    color: #fff;
}

        .blue-button a,
        * html .blue-button a:hover {
            color: #fff;
        }

        .blue-button .arrow-right {
            margin-right: -8px;
        }

/* arrow link */

div.arrow-link {
    text-align:right;
    /*float:left;*/
    width:93%;
    background:url(../media/img/bg_arrowlink_2.gif) 100% 50% no-repeat !important;
    padding:0 14px 2px 0;
    /* overflow:hidden; */

  /*display: block;*/
/*
  
*/ 
 /*padding:0 18px 2px 0 !important;*/
}

div.info-box div.link-container div.arrow-link p {
	margin-top: 0; margin-bottom: 0;
	padding-top: 0; padding-bottom: 0;
}
div.info-box { padding-bottom:10px; }

    span.arrow-link a,
    span.arrow-link a:link,
    span.arrow-link a:visited {
        border-bottom: 1px dotted #2375bb;
        
    }

    div.arrow-link a,
    div.arrow-link a:link,
    div.arrow-link a:visited {
        border-bottom: 1px dotted #2375bb;
    }


.blue-button span.arrow-right,
.blue-button span.arrow-left {
    display: block;
    margin-top: 8px;
}

.right-column .arrow-link {
    display: block;
    margin-top: 8px;
}


/* Person gallery */
.persongallery-person {
    width: 290px;
}
.persongallery-person-left {
    clear: left;
    float: left;
}
.persongallery-person-right {
    clear: right;
    float: right;
}
.edit_persongallery-person-left {
    clear: left;
    float: left;
    width: 290px;
}
.edit_persongallery-person-right {
    clear: right;
    float: right;
    width: 290px;
}

.person-gallery .short-info {
	padding:0px;
	margin:0px;
}

.person-gallery .name {padding:5px 0 6px 0 !important;margin:0px !important;line-height:0.3em;}
.person-gallery .name a,
.person-gallery .name a:link,
.person-gallery .name a:visited 
{
	font-weight:bold;color:#1c5e96;font-size:1em;text-transform:uppercase;padding:5px 0 6px 0 !important;margin:0px !important;
	text-decoration:none !important;background:none !important;
}

#NCC .person-gallery .profile-pic {float:left;margin:0px 2px 6px 0px !important;display:block;width:100px;height:100px;}

#NCC .person-gallery .profile-pic img {width:100px;height:100px;}
#NCC .person-gallery img {margin:0px 10px 6px 0px !important}


.person-gallery .short-desc {color:#999999;}

/* footer */

#NCC .site-footer {
    position: relative;    
}

#NCC .site-footer .content .left {
	float:left;
}

#NCC .site-footer .content .right {
	float:right;
}

#NCC .site-footer .first-row {
    color:#fff;
}

        #NCC .site-footer .first-row a,
        #NCC .site-footer .first-row a:link,
        #NCC .site-footer .first-row a:visited {
            color:#fff;
            margin:0 10px 0 10px;
        }


#NCC .site-footer .second-row {
    margin-top: 5px;
}
        #NCC .site-footer .second-row * {
            color: #000;
        }

        #NCC .site-footer .second-row a,
        #NCC .site-footer .second-row a:link,
        #NCC .site-footer .second-row a:visited {
            color:#000;
            margin:0 10px 0 10px;
        }

.editMode .site-footer .left {
    width: 49%;
}

.editMode .site-footer .right {
    text-align: right;
    width: 49%;
}


/* navigo cms */

div#navigoCMS { 
    background: #fff; 
    clear: both;
    color: #c7c9c8; 
    font: 10px Verdana, sans-serif; 
    height: 18px; 
    margin: 15px auto 0;
    padding: 0 10px;
    text-align: right;
    width: 930px;
}
        div#navigoCMS p,
        div#navigoCMS strong { 
            color: #c7c9c8; 
        }
        div#navigoCMS a { 
            color: #c7c9c8; 
            text-decoration: none; 
            padding-left: 22px; 
            background: url(/stc/img/logo_navigo.gif) no-repeat center left ; 
        }
        div#navigoCMS acronym { 
            border: none; 
            color: #c7c9c8;
            text-decoration: none;
        }
    
    
/* puff styles  */

.leftpuff {
	float:left;
}

.rightpuff {
	float:right;
}

.puff {
	padding:0 0 10px 0;
}

        .puff h3 {
            margin:8px 4px 0 8px;
        }

        .puff .footer {
            clear:both;
            color: #fff;
            background:#2375bb;
            margin:1px 0 0 0;
            text-align: right;
            text-transform:uppercase;
            width: 100%;
        }

                .puff .footer a,
                .puff .footer a:link,
                .puff .footer a:visited {
                    text-align:right;
                    display:block;
                    font-weight:bold;
                    color:#fff;
                    padding:0 24px 2px 0 !important;
                    background:url(../media/img/bg_whitearrow.gif) no-repeat right !important;
                }

        
        .puff  .content {
            height:160px;
            overflow:hidden;
            position:relative;
        }
    
        .startpage .puff .content {
            height: 125px;
        }
    
                .puff .content p {
                    padding:4px 0; /* 3.6.2009 */
                    /*padding:4px 8px 4px 8px;*/
                }


                .puff .content div.plate {
                    height:47px;
                    position:absolute;
                    top:113px;
                    width:100%;
                    overflow:hidden;
                    margin:0px;
                    color:#fff;
                    
                }

                        .puff .content div.plate a,
                        .puff .content div.plate a:link,
                        .puff .content div.plate a:visited {
                            color:#65b8ff;
                        }


                .puff .content .opac-bg {
                    height:47px;
                    background:#000;
                    position:absolute;
                    top:113px;
                    width:100%;
                    overflow:hidden;
                    opacity: .8;
                    filter: alpha(opacity=80);
                }




.puff-normal {
	width:290px;
} 

.puff-wide {
	width:464px;
	clear:both;
} 

        .puff-wide  .content {
            height:146px;
        }

                .puff-wide .content div.plate {
                    top:0px;
                    left:232px;
                    width:232px;
                    height:146px;
                }

                .puff-wide .content .opac-bg {
                    top:0px;
                    left:232px;
                    width:232px;
                    height:146px;
                }

.puff-narrow {
	width:222px;
} 

        .puff-narrow  .content {
            height:146px;
        }

                .puff-narrow .content div.plate {
                    top:96px;
                    width:232px;
                    height:146px;
                }
                
                .puff-narrow .content .opac-bg {
                    top:96px;
                    width:232px;
                    height:146px;
                }

.puff .projectlist {
	border-top:1px solid #585857;
}

.puff-large {
	width:620px;
	clear:both;
}

        .puff-large .content {
            height:275px;
            width:100%;
        }

                .puff-large .content .opac-bg {
                    top:228px;
                }
                
                .puff-large .content div.plate {
                    top:228px;
                }
                
                
        .puff-large .footer a,
        .puff-large .footer a:link,
        .puff-large .footer a:visited {
            padding:1px 24px 3px 0;
        }
                
.puff-news {
	width:290px;
	border-bottom:1px solid #2375bb;
	height:200px;
	overflow:visible;
	padding:0px;
    margin-bottom: 12px;
}

        .puff-news .content {
            margin:0px 0 0px 0;
            /*height:auto;*/
            padding:0px;
            position: absolute;
            top: 34px;
        }
        
                .puff-news .content p {
                    padding:0px;
                }
            
                        .puff-news .content p img {
                            float:left;
                            margin:5px 10px 0 0;
                            width:113px;
                            height:116px;
                        }
                        /*
                        .puff-news .content .link-container {
                            clear:both;
                            margin:11px 0px 0px 0px;
                            padding:0px;
                        }*/

.view .puff-newslist {
	margin-bottom:24px;
}

.puff-newslist {
	width:290px;
	height:200px;
	padding:0px;
	margin-bottom:22px;
	border-bottom:1px solid #2375bb;
}
.startpage .puff-newslist {
    height:148px;
}
        .puff-newslist .content {
            height:166px;
            padding:0px;
            margin:0px;
            border-top:1px solid #cccccc;
            padding-top:5px;
            margin-top:0px;
            overflow:visible;
        }
        .startpage .puff-newslist .content {
            height:119px !important;
            margin-top:0;
            padding-top:5px;
        }
    
                .puff-newslist .content .link-container {
                    bottom: 10px;
                    clear:none;
                    margin:0;
                    padding:0;
                }
                
                .puff-newslist .content .txt {
                    float:left;
                    width: 218px;
                }
                
                .puff-newslist .content .date {
                    color: #2375bb;
                    float:right;
                }

        .puff-newslist ul  {
            margin:0 0 4px 0 !important;
            background:none !important;
        }
        
                .puff-newslist ul li {
                    clear:both;
                    border-bottom:1px solid #e5e5e5;
                    float: left;
                    min-height:20px;
                    margin-top:3px;
                    background:none !important;
                    padding:0px !important;
                    margin-left:0px !important;
                    width: 100%;
                }
            
                * html .puff-newslist ul li {
                    height: 20px;
                }
                
                        .puff-newslist ul li a {
                            background:none !important;
                        }

.puff-store {
    border-bottom: 1px solid #2375bb;
    margin-bottom: 22px;
    padding: 0px;
    width: 591px;
}
        .puff-store .content {
            height: auto;
            margin: 0 0;
            padding: 0 0 14px;
        }

/* puff in editmode hacks */

.edit_puff-wide-leftpuff {
    float: left;
}
.edit_puff-wide-rightpuff {
    float: right;
}
.edit_puff-narrow-leftpuff {
    float: left;
    width: 222px;
}
.edit_puff-narrow-rightpuff {
    float: right;
    width: 222px;
}
.edit_puff-large-leftpuff {
    /*clear: left;*/	/* 23.9.09 junark */
    float: left;
}
.edit_puff-large-rightpuff {
    /*clear: right;*/	/* 23.9.09 junark */
    float: right;
}
.edit_puff-news-leftpuff .content,
.edit_puff-news-rightpuff .content {
    margin: 0;
    overflow: visible;
    position: absolute;
    top: 22px;
    width: 290px;
}

.edit_puff-normal-leftpuff,
.edit_puff-news-leftpuff,
.edit_puff-newslist-leftpuff {
    /*clear: left;*/	/* 23.9.09 junark */
    float: left;
    width: 290px;
}
.edit_puff-normal-rightpuff,
.edit_puff-news-rightpuff,
.edit_puff-newslist-rightpuff {
    /*clear: right;*/	/* 23.9.09 junark */
    float: right;
    width: 290px;
}

.puff .link-container {
    bottom: 10px;
    float: none;
    position: absolute;
    right: 0px;
}

/* font-size-fix for editMode */

.editMode h1,
.editMode h2,
.editMode h3,
.editMode h4,
.editMode h5,
.editMode h6 {
    //font-size: 100%!important;
}

/* project tablist */

ul.internal-links {
    background-repeat: repeat-x;
}

ul.tablist {
    position: relative;
}

        ul.tablist li ul {
            display: none;
            position: absolute;
            top: 30px;
            left: 0;
            height: auto;
            border: none;
        }
    
                ul.tablist li ul li {
                    display: block;
                    height: auto;
                    position: relative;
                }
        
        ul.tablist li.active ul {
            display: none;
        }

/* aluekartan css */

#targetMap {
    background: url(../media/img/bg_aluekartta_neito.gif) no-repeat;
    height: 415px;
    position: relative;
    margin: 0 auto;
    width: 210px;
	/* Z-index removed - it breaks tell a friend layer in IE6/7 - #5379. */
    /*z-index: 5;*/
}

.asunnotmap {     
    background: url(../media/img/bg_aluekartta_neito.gif) no-repeat;
    float: right;
}

.toimistotmap {     
    /*background: url(../media/img/suomi-toimistot-kartta.gif) no-repeat;*/
}

.kauppapaikatmap {     
    /*background: url(../media/img/suomi-kauppapaikat-kartta.gif) no-repeat;*/
}

.edit_asunnotmap,
.edit_toimistotmap,
.edit_kauppapaikatmap {
    width: 210px!important;
}


        #targetMap div {
            position: absolute;
        }
    
                #targetMap ul {
                    background: #fff;
                    border: 1px solid #000;
                    left: -10000px;
                    list-style-type: none;
                    list-style-position: outside;                                
                    margin: 0;
                    padding: 0;
                    position: absolute;
                    width: 1px;
                }
                
                        #targetMap ul li {
                            color: #666;
                            display: inline;
                            position: relative;
                            zoom: 1;
                        }
                                #targetMap ul li a {
                                    color: #666;
                                    display: block;
                                    padding: 2px 3px;
                                    position: relative;
                                    text-decoration: none;
                                    width: 124px;
									border:0 !important;
									margin:0 !important;
                                }
                        
                                        #targetMap ul li a span {
                                            color: #222;
                                            font-weight: bold;
                                            width: 124px;
                                        }
                                        
                                * html #targetMap div ul li a {
                                    height: 1%;
                                    width: 130px;
                                }
                                
                                #targetMap ul li a:hover {
                                    background: #efefef;
                                    color: #333;
                                }
                
                #targetMap div:hover,
                #targetMap div.hover {
                    z-index: 1200;
                }
                        #targetMap div:hover ul, 
                        #targetMap div.hover ul {                    
                            left: 10px;
                            top: -10px;
                            width: 130px;
                        }
                        
                        #targetMap div:hover ul.secondCol,
                        #targetMap div.hover ul.secondCol {
                            left: 140px;
                            position: absolute;
                            top: -10px;
                        }
                
                #targetMap div.maparea {
                    background: url(../media/img/bg_aluekartta_kohde.gif) no-repeat;
                    height: 20px;
                    width: 21px;
                    position: absolute !important;
                }

/* Alueet: asunnot */
#paakaupunkiseutu {left: 65px;top: 375px;z-index: 992;}
#lansiuusimaa {left: 44px;top: 372px;z-index: 993;}
#hame {left: 66px;top: 342px;z-index: 994;}
#lounaissuomi {left: 24px;top: 352px;z-index: 997;}
#pirkanmaa {left: 40px;top: 330px;z-index: 996;}
#itasuomi {left: 142px;top: 293px;z-index: 997;}
#keskisuomi {left: 73px;top: 299px;z-index: 998;}
#pohjoissuomi {left: 106px;top: 150px;z-index: 999;}
#etelakarjala {left: 135px;top: 343px;z-index: 990;}
#kymenlaakso {left: 110px;top: 353px;z-index: 990;}
#keskijaitauusimaa {left:88px;top:365px;z-index:990;}
#paijathame {left:90px;top:344px;z-index:990;}
#savo {left:122px;top:299px;z-index:990;}
#pohjoiskarjala {left:160px;top:288px;z-index:990;}
#kuusamo {left:147px;top:168px;z-index:990;}
#lappi {left:65px;top:170px;z-index:990;}
#pohjoispohjanmaa {left:73px;top:200px;z-index:990;}

/* Alueet: kauppapaikat */
#vantaa {top: 360px; left: 82px; z-index: 991;}
#lappeenranta {top:344px; left:133px; z-index:994;}
#lohja {top:369px; left:58px; z-index:992;}
#lahti {top:344px; left:93px; z-index:990;}
#turku {top:365px; left:24px; z-index:995;}
#hameenlinna {top:346px; left:63px; z-index:994;}
#tampere {top:326px; left:45px; z-index:996;}
#joensuu {top:287px; left:159px; z-index:990;}
#jyvaskyla {top:302px; left:94px; z-index:1990;}
#kuopio {top: 280px; left: 125px; z-index:990;}

/* Alueet: toimistot */
    /* kauppapaikoista peritään: vantaa, tampere, hämeenlinna */
#helsinki {top:376px; left:73px; z-index: 992;}
#espoo {top:376px; left:53px; z-index: 993;}
#pori {top:325px; left:10px; z-index: 997   ;}
#oulu {top:195px; left:77px; z-index: 990;}

/* media layer */

.inline-popup .header .project-headline {
    font-weight: bold;
}

.editMode  .inline-popup 
{
    border: 1px solid red;
	display: block;	
    float: none;
    height: auto;
    position:relative;	
    top: 0;
}
        .editMode  .inline-popup .header {
            clear: both;
            float: none;
            display: block;
            height: auto;
            margin: 0 0 15px 0;
            position: relative;
        }
                .editMode  .inline-popup .header h6,
                .editMode  .inline-popup .header .project-headline {
                    width: 550px!important;
                }
    
                .inline-popup  .header .close {
                    background: transparent url(/stc/media/img/bg_medialayer_close_btn.gif) no-repeat scroll right;
                    color: #fff;
                    height: 18px;
                    position: absolute;
                    right: 0;
                    top: 0;
                }
                        .inline-popup  .header .close a {
                            color: #fff;
                            display: block;
                            padding: 3px 32px 3px 10px;
                        }

                .editMode  .inline-popup  .header .close {
                    display: none;
                }

        .editMode  .inline-popup .media-container {
            display: none;
        }

        .editMode .inline-popup .container {
            display: block!important;
            height: auto;
            position: relative;
            width: 550px;
        }
    
                .editMode .inline-popup .container .c-container {
                    height: auto;
                }
    
        .editMode .inline-popup .controls  {
            clear: both;
            display: block;
            float: none;
            margin: 0;
            position: relative;
            width: 550px;
        }
    
        .editMode .inline-popup .media-list img {
            max-width: 50px;
			max-height: 50px;
        }
    
        * html .editMode .inline-popup .media-list img {
            width: 50px;
			height: 50px;
        }
    
        .editMode .inline-popup .media-nav {
            display: none;
        }
    
    
.editMode .wide-popup,
.editMode .narrow-popup {
    width: auto;
}

.editMode .inline-popup .bg-plate,
.editMode .wide-popup .bg-plate,
.editMode .narrow-popup .bg-plate {
    display: none;
}

/* startpage */

#htmlVersion a .startpage-html-headlines,
#htmlVersion a:link .startpage-html-headlines,
#htmlVersion a:visited .startpage-html-headlines,
#htmlVersion a:hover .startpage-html-headlines {
    color:#fff;
    display:block;
    font-size:1.6em;
}

#htmlVersion .section a,
#htmlVersion .section a:link,
#htmlVersion .section a:visited {
    float:left;
    display:none;
    position: absolute;
    height: 350px;
    width: 188px;
    top: 0;
    left: 0;
    z-index: 9999;
}

        #htmlVersion .section a span {
            background:url(../media/img/dashboard_arrow.gif) no-repeat bottom right #000;
            cursor: pointer;
            display:none;
            padding:6px 0px 4px 0px;
            position:absolute;
            text-align:center;
            top:130px;
            width:186px;
        }
    
        #htmlVersion .section img.section-img {cursor:default;}
        
.startpage #bottomBlock .leftpuffcontainer {
    float: left;
    width: 290px;
}
.startpage #bottomBlock .middlepuffcontainer {
    float: left;
    margin:0 0 0 40px;
    width: 290px;
}
.startpage #bottomBlock .rightpuffcontainer {
    float: right;
    width: 290px;
}

.editMode #bottomBlock .leftpuffcontainer, 
.editMode #bottomBlock .middlepuffcontainer, 
.editMode #bottomBlock .rightpuffcontainer {
    float: left;
    width: 290px!important;
}
.editMode #bottomBlock .rightpuffcontainer {
    float: right;
}

/* View */

.view {
    position: relative; 
    /*z-index: 1;*/
}

/* Wide page (Project listing page) */

.view.wide {
    width: 950px;
}

        .view.wide .project {
            height: 211px!important;
            overflow: hidden;
            width: 470px;
        }
        
        .view.wide .project.left {
            float: left;
        }
        .view.wide .project.right {
            float: right;
        }
    
        
                .view.wide .project .left,
                .view.wide .project .right {
                    width: 470px;
                }
            
.project .info p {
    height: 118px;
    width: auto;    
}

/* Search select */

* html .medium-select .select-list a,
* html .medium-select .select-list a:link,
* html .medium-select .select-list a:visited
{
	width:253px;
}

/* Link borders */
#NCC .page .view a,
#NCC .page .view a:link,
#NCC .page .view a:visited,
#NCC .page .page-introduction a,
#NCC .sectionpage2 div a,
#NCC .sectionpage2 div a:link,
#NCC .sectionpage2 div a:visited,
#NCC a.dotted,
#NCC a.dotted:link,
#NCC a.dotted:visited, 
#NCC .info-box a.dotted, 
.info-box p a,
.info-box p a:link,
.info-box p a:visited {
background-image: none;
border-bottom: 1px dotted #2377bf;
}

.info-box .link-container div {
    padding-right: 12px;
    margin-top: 0;
}


/* Sitemap */
.site-map-page {
    line-height: normal; 
}
.site-map-page ul,
.site-map-page ul li { 
    background: none;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:circle;
    margin:0px;
    padding:0px;
}
        .site-map-page ul li {
            margin-left: 16px;            
            padding: 1px 0;
        }
                .site-map-page ul li a {
                    border-bottom: none!important;
                    margin: 0!important;
                    padding: 0!important;
                }

/* Attachment */
.right-column .navigo-attachment {
    padding: 6px 8px 14px;
}

.right-column .block-square .content .navigo-attachment {
	padding: 0px 0px 5px;
}

/* Lomaketta */

#brochureOrderForm {
    float: left;
    position: relative;
    width: 590px;
}

        #decorimg {
            /*float: right;*/
			width:290px; /* for ie7 */
            position: absolute;
            right: 0;
            top: 0;
        }

form fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 15px;
}

        form fieldset legend {
            display: none;
            visibility: hidden;
        }
       
        form fieldset p {
        }

div.formRow {
    float: left;
    margin: 0 0 4px;
}
form label {
    float: left;
    margin: 0 0 4px;
    width: 590px;
}

form label.halfling {
    margin-right: 5px;
    width: 290px;
}

form label.quarterling {
    margin-right: 15px;
    width: 145px;
}

        form label select {
            clear: both;
            float: left;            
            width: 295px;
        }

                form label select optgroup {
                    color: #2375bb;
                    font-weight: bold;
                    font-style: normal;
                }
            
                        form label select optgroup option {
                            color: #000;
                            padding: 0 0 0 10px;
                        }

        form label span {
            float: left;
        }
        
        
        label input[type="text"] {
            clear: both;
            float: left;
            width: 290px;
        }
    
        /* tuplat koska ie ei ymmarra selectoreita */
        label textarea, 
        label input.text {
            clear: both;
            float: left;
            width: 290px;
        }
    
        label.halfling input.text {
            width: 290px;
        }
    
        label.quarterling input.text {
            width: 130px;
        }
        
        form label input[type="checkbox"],        
        form label input[type="radio"] {
            float: left;
        }
    
        /* tuplat koska ie ei ymmarra selectoreita */
        form label input.radio, 
        form label input.checkbox {
            float: left;
        }








 /*  apartment import */
.apartment_import_dl{margin-top:30px;}
.apartment_import{padding-left:10px;border:none; background-color:#E9F1F8; width:581px; /*height:300px;*/float:left;} 
.apartment_import_dl dt{width:310px;float:left;padding: 0 0 10px 0; margin: 0;}
.apartment_import_dl dd{width:270px;float:left;padding: 0 0 0px 0; margin: 0; position: relative;}
.apartment_import_list{margin-top:0px; width:591px; float:left;}
.apartment_import_text{clear:both; margin-top:0px; width:591px; float:left;}
.apartment_import_apartments_text{clear:both; margin:20px 0 20px 0; width:591px; float:left;}
.apartments_import_table {border-collapse:collapse; }
.apartments_import_table td a{ font-size:10px; border-bottom:1px dotted #2377BF !important;}
.apartments_import_table td, .apartments_import_table th{ padding:1px 13px 3px 0;}
.apartments_import_table td {border-bottom:1px solid #CCCCCC;}
.apartments_import_table th {border-bottom:2px solid #2375BB; color:#333333;}
/*.apartments_import_table td.right{ text-align:right !important;}*/
.import_apartment_div {margin:30px 0px 0px 0px;}
.import_apartment_div p{margin:0px 0px 0px 0px;}

.apartments_import_table .right {text-align:right;}
/* Disable font tags */
font,basefont { 
	color:inherit; /* Standard browsers */ 
	color:expression(this.parentNode.currentStyle['color']); /* IE */ 
	font:inherit; /* Standard browsers. Font instead of font-size for Opera */ 
	font-family:expression(this.parentNode.currentStyle['fontFamily']); /* IE */ 
	font-size:100%; /* All browsers. Sizes are inherited */ 
} 

a.noborder {
	border: 0 !important;
}

.puff-headline span a {
	border-bottom: 0!important;
	color: #1C5E96!important;
	text-decoration: none;
}

.toimitilahakutulos {
	border-bottom:1px solid #2375BB;
	margin-bottom: 2em;
}

.toimitilahakutulos .additional {
	clear: both;
}

/* Ogeli nettikysely */
.ogeli-kysely .preamble-narrow { width:590px; }
.ogeli .formRow { margin-bottom:2em; }
.ogeli table { margin-bottom:2em; }
.ogeli table.noMargin { margin-bottom:0; }
.ogeli textarea { /*width:90%;*/ display:block; width:510px; height:50px; }
.ogeli .textFields span { margin-bottom:0.5em; float:left; width:100px; }
.ogeli .textInputField { margin-bottom:0.3em; font-size:1em; }
.ogeli select { font-size:1em; }
.ogeli h4 { margin:1em 0; }
.ogeli .preamble-narrow { font-size:1.35em; }
.ogeli .quarterling { margin-bottom:1em; }

/* IMAGE IMPLEMENTATION */
.iso_puff, .pieni_puff, .iso_puff_vaalea, .pieni_puff_vaalea {display:none;}

.opaq {
        background:#000000 none repeat scroll 0 0;
        bottom:0px;
        height:60px;
        position:absolute;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.8;
}

.opaq.lighter {
	filter: alpha(opacity=20);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
        -moz-opacity: 0.20;
        opacity:0.2;
}

.opaq.blue {
	background: #2375BB none repeat scroll 0 0;
	filter: alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1;
        opacity:1;
}

.opaq.small {
	height: 20px;
}

.opaq.row2 {
	height: 47px;
}

.opaqRight {
	display: block;
	margin-right: 15px;
	position:absolute;
	height: 60px;
	bottom: 0px;
}
.opaqText {
	font-size: 22px;
	font-weight:normal;
	line-height: 25px;
	color: #eee;
	letter-spacing: -0.04px;
	position:absolute;
	bottom: 0px;
	padding-left: 10px;
	margin: 0;
	color: #fff;
}

.opaqText.small {
	height: 20px;
	display: block;
	padding: 0;
	text-align: right;
	font-size:1em;
	font-size:11px;
	line-height:12px;
}

.opaqText.small.img {
	padding-right: 15px;
	background: transparent url(/stc/img/smallpuffarrow.png) no-repeat scroll right 3px;
}

.opaqText.row2, .puff .content .opaqText.row2 {
        height: 47px;
        display: block;
        padding: 0 8px;
        text-align: left;
        font-size:1em;
        font-size:11px;
        line-height:18px;
}

.opaqText.row2.img {
        padding-right: 16px;
	text-align: right;
        background: transparent url(/stc/img/smallpuffarrow.png) no-repeat scroll right 5px;
}

.inner-right img.pieni_puff_vaalea, .inner-right img.pieni_puff, .inner-right img.iso_puff, .inner-right img.iso_puff_vaalea, .inner-right img.puff_2, .inner-right img.puff_vaalea_2 {margin:0;}

/* APARTMENTSEARCH PUFF */
.topArea {background:#E9E1C2 none repeat scroll 0 0;height:72px;padding-left:12px;position:relative;}
.bottomArea {background:#D6CCAB none repeat scroll 0 0;height:50px;margin-bottom:4px;padding-left:12px;padding-top:16px;}
.link-puff-container {text-align:right;}
.housingpuff input[type=text] {float:left;width:214px;}
.housingpuff h2 {padding-top: 10px; padding-bottom: 5px; font-size: 1.5em; margin: 0px;}
.housingpuff h2 {font-size:15px;font-weight:normal;letter-spacing:2px;line-height:22px;margin:0;}
.ap_search {background:#FFFFFF url(/stc/img/search_icon.gif) no-repeat scroll right center;border:1px solid #CCCCCC;height:18px;margin:4px 0 0 0;padding:1px 0 0; color:#A5A5A5;font-size:1em;font-style:italic;text-indent:4px;}
.listing {background-color:#E9E1C2;padding-bottom:10px;padding-left:10px;padding-top:10px;left:0;position:absolute;top:60px;width:233px;z-index:9999 !important;display:none;}
.listing ul li {padding: 3px;}

/* pt_front2010 */
#bottomModules {border-top:1px solid #CCCCCC;clear:both;padding:14px 0 0;position:relative;width:100%;}
.leftpuff_front {float:left; width: 290px;}
.middlepuff_front {float:left;margin:0 0 0 40px;width:290px;}
.rightpuff_front {float:right;width:290px;}
.rightpuff_front p {padding:0;}
#topmodules {clear:both;min-height:350px !important;}
.toplarge {display:block;float:left;height:349px;margin-right:5px;width:640px;}

/* Toimipisteet */
.officediv {
	font-size:1.1em;
	line-height:1.65em;
}

.officediv h3 {
	font-size: 1.3em;
}

.officediv .heading {
	float: left;
	margin-right: 5px;
}

.officediv .content {
	width: 300px;
	float: left;
}

.officediv .spacer {
	clear: both;
}

/* Etusivu fixes 2010 */

.startpage #bottomModules .puff .content {
        height:148px;
}

.startpage #bottomModules .puff-newslist .content {
        height:141px !important;
        margin-top:0;
        padding-top:5px;
}

.startpage #bottomModules .puff-news .content p {
        background:transparent url(../media/img/stroke_grey.gif) repeat-x scroll 0 110px;
        height:111px;
        line-height:18px;
}

.startpage #bottomModules .puff-newslist {
	height:159px;
}

/* Toimitila listaus fix */
.officeAdditional {
	font-weight:bold;
	margin-left:160px;
}
.officeAdditional .mapLink {
	margin-bottom:4px;
	padding-bottom:3px;
}

/* Medialayer 2010 stuff */
#slideshow-alpha-box {
	display: none;
	position: absolute;
	height: 100%;
	background-color: #000;
	width: 100%;
	opacity: 0.8;
	z-index: 5000;
	filter: alpha(opacity=80);
	top: 0;
	left: 0;
}

#image-control {
	width:590px;
	position: relative;
}

#image-slideshow-control {
        width:715px;
	background: #fff;
	position: absolute;
	display: none;
	top: 60px;
	left:50%;
	margin-left:-375px;
	padding:8px 17px 10px;
	z-index:5001;
}

#image-slideshow-control .thumbs_container {
	width: 715px;
	background:url("/stc/img/bg_plate-big.png") no-repeat scroll left bottom #F5F5F5;
}

#image-slideshow-control div.thumbs_count {
	padding-left: 60px;
}

.thumbs_container {
	background:url("/stc/img/bg_plate-small.png") no-repeat scroll left bottom #F5F5F5;
	height:44px;
	padding:3px 0 0;	
	padding-bottom:12px;
	background-color:#F7F7F7;
	float:left;
	width:590px;
}

.ul_thumbs {
	display:inline;
	float:left;
	height:41px;
	list-style-type:none;
	margin: 1px 0;
	overflow:hidden;
	position:relative;
	width:260px;
}

.thumbs-clipping  {
	float:left;
	height:41px;
	margin:1px 0;
	overflow:hidden;
	position:relative;
	width:240px;
	margin-right: 20px;
}

.ul_thumbs .thumb {
	cursor: pointer;
}

.ul_thumbs .thumb img {
	border: 2px solid #fff;
}

.ul_thumbs li {
	float:left;
	margin-right:1px;
}

div.thumbs_count {
	float:left;
	width:90px;
}

p.thumb_count {
	display:inline;
	float:left;
	font-size: 12px;
	line-height:12px;
	margin-top:9px;
	text-align:center;
	width:90px;
}

.thumbs-nav-box {
	float:right;
	width:222px;
}

.thumbs-nav-box a {
	display: block;
	float:left;
	margin-top:12px;
	width:97px;
	height: 16px;
	color:#2375BB;
	text-decoration: underline;
	font-size: 12px;
}

.thumbs-nav-box .openImg {
	margin-top: 13px;
	margin-right: 5px;
	width: 15px;
	height: 16px;
	display: block;
	float: left;
	background: url("/stc/img/bg_icons.png") no-repeat scroll right -305px transparent;
}

.thumbs-nav-box a:visited {
	color:#2375BB;
}

.thumbs-nav-box a:hover {
	color: #BDDCEA;
}

.thumbs-nav-box p.toggleSlideshow {
        background: none;
        cursor:pointer;
        display:inline;
        float:left;
        margin-right:15px;
        margin-top:10px;
        width:105px;
}


.thumbs_container p  {
	font-family:Verdana;
	font-size:11px;
}

#image-control .main-img {
	margin: 0;
}

#image-control .media-nav {
	display: none;
}

#image-control #topImageDiv {
	margin: 0;
}

.editMode #mediaShowImages {
	border: 1px solid green;
}

.editMode #mediaShowImages img {
	max-width: 35px;
	max-height: 35px;
}

.slideshow-footer {
	position:relative;
	right:-17px;
	top:-8px;
	float: right;
	height: 25px;
        width: 74px;
        display: block;
}

.close-slideshow {
	height: 18px;
	width: 74px;
	display: block;
}

.econt { text-align: center; }

#img-slideshow-container img {
        position: absolute;
        top: 0;
	left: 0;
}

#img-slideshow-container2 img {
	position: absolute;
	margin: 0 auto;
}

.btn {
        background:none repeat scroll 0 0 transparent;
        border:medium none;
        color:#FFFFFF;
        cursor:pointer;
        display:inline-block;
        font-size:1.2em !important;
        margin:0;
	float: right;
        overflow:visible;
        padding:0;
        text-decoration:none;
        vertical-align:bottom;
        font-family:verdana,sans-serif;
}

.btn span {
        background:url("/stc/img/bg_buttons.png") no-repeat scroll right -29px transparent;
        float:left;
        padding:0 6px 0 0;
}

.prev span, .next span {
	height:25px;
	padding:0;
	text-indent:-9999px;
	width:26px;
}

.prev span {
	background-position:0 -62px;
}

.prev span {
	background-position:0 -88px;
}

.next span {
	background-position:-26px -62px;
}

.big span {
	height:39px;
	width:41px;
}

.next span {
	background-position:-41px -88px;
}

.title-container, .caption-container, .slideshow-caption-container {
	position: relative;
}

.title-container .show, .caption-container .show, .slideshow-caption-container .show {
	display: block;
}

.title-container {
	float: left;
	width: 600px;
}

.img-title {
	font-family:"Gill Sans","Gill Sans MT",Arial,Verdana,sans-serif;
	font-size:2em;
	font-weight:normal;
	letter-spacing:2px;
	line-height:22px;
	color: #2375BB;
	height: 25px;
	display: none;
	text-align: left;
}

.img-caption {
	display: none;
	background:none repeat scroll 0 0 #000000;
	color:#FFFFFF;
	font-size:1.1em;
	height:40px;
	line-height:1.8em;
	opacity:0.8;
	filter: alpha(opacity=80);
	padding:12px 10px 10px;
	position:absolute;
	text-align:left;
	bottom: 0px;
	left: 0;
	width:570px;
}

.slideshow-caption-container .img-caption {
	bottom: 5px;
        width: 695px;
}

/* slideshow TEST */

div.thumbs_count2 {
    float: right;
    width: 60px;
}

p.thumb_count2 {
	width: 60px;
	display:inline;
        float:left;
        font-size: 12px;
        line-height:12px;
        margin-top:9px;
        text-align:center;
	font-family: Verdana;
	font-size: 11px;
}

.openShow span { 
	background-position: 0 -166px; 
	text-indent: -9999px; 
	padding: 0;
}

.toggleSlideshow span {
	background-position: -41px -127px;
	text-indent: -9999px;
        padding: 0;
}

/* Hakutulos sivu */
.search-field  {
	background:none repeat scroll 0 0 #E9F1F8;
	float:left;
	font-size:1.1em;
	padding:12px 0 10px;
	vertical-align:middle;
	width:774px;
	margin-bottom: 15px;
}

.search-field form {
	float: left;
	width: 500px;
}

.search-field input[type=text] {
	width:300px;
	font-family:verdana,arial,sans-serif;
	font-size:1.1em;
	margin-left: 15px;
}

.search-field span {
	text-transform:uppercase;
	float: left;
	padding:6px 0 0 15px;
}

.geniLink2 {
	display: none;
}

.geniLink {
	margin-bottom: 10px;
}