body, div, img, iframe { margin: 0; padding: 0; border: 0; }

body { background-color: #e1e1e1; color: #707070; font: 12px Georgia; }

.x-panel-header {
    color: #266A51 !important;
    font-family: Georgia !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 15px !important;
}

.x-grid-group-hd div.x-grid-group-title {
    color: #707070 !important;
    font: bold 11px tahoma,arial,helvetica,sans-serif !important;
}


a {  outline-style:none; }

#container { width: 956px; margin: 15px auto 0; }

#header { background: url(images/header_bg.png) repeat-x; height: 160px; }
	#logo { margin: 0; }
	#logo h1 { display:block; width:215px; height:125px; padding:0; margin: 0 auto; text-indent:-9999px }
	#logo h1 a { background: url(images/prohousing_logo.png) no-repeat; outline-style:none; display:block;  width:100%; height:100%; padding:0; margin: 0; }
	
#menu { background-color:#266A51; height:19px; padding:7px 5px; border-top: 1px solid #555; border-bottom: 1px solid #454545; }
.menuMainHorizontal ul { list-style-type:none; margin:0; padding:0; }
.menuMainHorizontal ul li { border-color:#fff; border-style:solid; border-width:0 1px 0 0; display:inline; float:left; font-weight:bold; padding:0 18px; text-transform:uppercase; }
.menuMainHorizontal ul li.selected {  }
.menuMainHorizontal ul li.lastItem { border-width:0; padding-right:0; }
.menuMainHorizontal ul li a { text-decoration:none; }
.menuMainHorizontal ul li a span { color:#fff; line-height:20px; }
.menuMainHorizontal ul li a:hover span { color: #949494; }
.menuMainHorizontal ul li.selected a span { color:#fff; }

#theme_area { background: url(images/theme_bg.png) repeat; padding: 4px 0; }
#theme_slider { background-color: #fff; border: 1px solid #fff; width: 648px; height: 293px; float: left; overflow: hidden; }
#theme_content { background-color: #266a51; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 226px; height: 293px; padding: 0 40px; float: right; position: relative; }
	#theme_content h2 { font-size:24px; font-weight:normal; color: #fff; line-height:36px; margin:25px 0 10px; }
	#theme_content p { font-size: 14px; line-height:1.5; margin-bottom: 10px;}
	#theme_content a { color: #fff; text-decoration: none; font-size: 14px; position: absolute; bottom: 20px;}
		#theme_content a:hover { text-decoration: underline; }
	#theme_content img { bottom:20px; position:absolute; right: 30px; }
	
	.theme_content_slide { background-color: #266a51; color: #fff; width: 226px; height: 293px; padding: 0 40px; float: right; position: relative; }
	.theme_content_slide h2 { font-size:24px; font-weight:normal; color: #fff; line-height:36px; margin:25px 0 10px; }
	.theme_content_slide p { font-size: 14px; line-height:1.5; margin-bottom: 10px;}
	.theme_content_slide a { color: #fff; text-decoration: none; font-size: 14px; position: absolute; bottom: 20px;}
		.theme_content_slide a:hover { text-decoration: underline; }
	.theme_content_slide img { bottom:20px; position:absolute; right: 30px; }
	
#theme_slider_ip { background-color: #fff; border: 1px solid #fff; width: 548px; height: 273px; float: right; overflow: hidden; }
#theme_content_ip { background-color: #266a51; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 366px; height: 273px; padding: 0 20px; float: left; position: relative; }
	#theme_content_ip p { font-size: 13px; line-height:1.5; margin-bottom: 10px; }
	#theme_content_ip a { color: #fff; text-decoration: none; font-size: 14px;}
		#theme_content_ip a:hover { text-decoration: underline; }
#theme_header_ip { border-bottom:1px solid #e2e2e2; margin-bottom:15px; }
	#theme_header_ip h2 { font-size:20px; line-height:30px; text-transform: uppercase; margin:15px 0 0; color: #fff; }

#nosto_area { background: #fff url(images/nosto_bg_top.png) repeat-x; padding-left: 15px; padding-bottom:10px;}
.nosto { float:left;margin:15px 15px;width:280px; position: relative; height: 205px; }
.nosto_header { border-bottom:1px solid #e2e2e2; margin-bottom:15px; }
	.nosto_header h3, h4, h5 { color: #555; font-size: 17px; text-transform:uppercase; line-height:33px; margin:5px 0 0; }
	.nosto_header p { color: #949494; font-size: 10px; margin:0 0 10px; }
	.eka { background: url(images/esittelykyltti.png) no-repeat right center; }
	.toka { background: url(images/tapiola_logo_small.png) no-repeat right center; }
	.kolmas { background: url(images/prohousing_logo_small.png) no-repeat right center; }
.nosto_content p { margin-bottom: 10px; }
.nosto_link { position: absolute; bottom: 0; }

#content_area { background: #fff url(images/nosto_bg_top.png) repeat-x; padding: 15px 30px; margin-top: 4px }
#content_area a { color: #266A51; }
#content_area p { margin-bottom: 10px; }
#content_area h1 { color: #555; font-size: 17px; text-transform:uppercase; line-height:33px; margin:5px 0 0; }
.content_left { float: left; width: 524px; }
	.content_left_col { float: left; margin-right:20px; width:252px; }
.content_right { float: right; width: 322px; }
	.map img { border: 1px solid #E2E2E2; }
.content_wide {  }
	.content_wide_col { float: left; margin-right:30px; width:278px; }
.content_header { border-bottom:1px solid #e2e2e2; margin-bottom:15px; }
	.content_header h3 { color: #555; font-size: 17px; text-transform:uppercase; line-height:33px; margin:5px 0 0; }
	.content_header p { color: #949494; font-size: 10px; margin:0 0 10px; }
.last_col { margin-right: 0; }

.staff { height:113px; margin-bottom:15px; }
	.staff img { margin-right: 15px; border: 1px solid #454545; }
.staff_name { font-size: 14px; color: #555; font-weight: bold;}
.staff_info { line-height: 1.5; font-size: 10px; }

#footer { background: url(images/footer_bg.png) repeat-x; height: 80px; }
#footer_wrap { width: 956px; margin: 0; padding: 5px 0; text-align: center; }
#footer_wrap h6 { font-size:12px;font-weight:normal;line-height:25px;margin:0;padding:0; }
#footer_wrap p { margin: 0; padding: 0; line-height: 22px; }

.clear { clear: both; }


/* FORM */

fieldset {
margin: 10px 0 0 0;
padding: 10px 1%;
border: 1px dotted #999;
}

fieldset fieldset {
clear: left;
margin: 10px 1%;
width: 96%;
}

legend {
background: transparent; /* TAUSTAN V?*/
padding: 0 1%;
font: 900 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

label {
width: 48%;
display: block;
float: left;
font: 700 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 0 1%;
}

input, textarea, select {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 1px solid #9ab;
background: #f5f7f9;
width: 98%;
display: block;
}

input:focus, textarea:focus, select:focus {
background: #eef0f2;
border: 1px solid #678;
}

.label1col, .cb1col { width: 99%; }
.label2col, .cb2col { width: 49%; }
.label3col, .cb3col { width: 32.3%; }
.label4col, .cb4col { width: 24%; }

.label1col input, .label1col select, .label1col textarea { width: 98%; }
.label2col input, .label2col select, .label2col textarea { width: 96%; }
.label3col input, .label3col select, .label3col textarea { width: 94%; }
.label4col input, .label4col select, .label4col textarea { width: 92%; }

.cb1col, .cb2col, cb3col, cb4col { cursor: pointer; cursor: hand; float: left; }
.cb1col input, .cb2col input, cb3col input, cb4col input { 
display: inline; 
padding: 0;
margin-right: 5px;
vertical-align: bottom;
width: auto;
border: none;
background: none;
}

.formButtons {
padding: 10px;
text-align: center;
}

.submitImage button, .navImage button {
border: none;
width: auto;
margin: 0 5px;
background: none;
cursor: pointer;
cursor: hand;
display: inline;
}

.submitButton button, .navButton button {
background:#555;
border:3px double #FFFFFF;
padding: 3px 10px;
width: auto;
color: #fff;
cursor: pointer;
cursor: hand;
margin: 0 5px;
display: inline;
}

.submitButton button:hover, .navButton button:hover {
border: 3px double #fff;
background: #266A51;
}

.fieldsetIngress {
font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0 0 8px;
}

.warningText {
border: 1px dotted #cf839e;
background: #feeef4;
padding: 5px 2%;
font-size: 11px;
font-weight: bold;
}

.warning {
border: 1px solid #cf839e;
background: #feeef4;
}

/* ippe lis?: */
#lkvFrame_menu .x-panel-header {
	margin-left: 3px;
}
#mastoLogoContainer {
	display: none;
}

/* kohdelistauksen kuvat v?n isommaksi.. */
/* .lkvFrame_list_img img { width: 110px;  } */


/******************
 * NOSTO ESITTELYT
 */
#lkvFrame_nosto_esittelyt_config {
	display: none;
	
	/* aika, kuinka kauan yht?temi??et?, millisekunteina: 3000px = 3 sekuntia */
	width: 10000px;
	
	/* siirtym?fade tai liuku, 1px = fade, 0px = liuku (oikealta vasemmalle) */
	height: 1px;
	
	/* vaihtonopeus: 0px = hidas (slow), 1px = nopea (fast) */
	line-height: 0px;
}


.lkvFrame_nosto_esittelyt { /* noston n?v?sa (itemien container) */ width: 300px; height: 135px; border: 0px solid #e0e0e0; }
.lkvFrame_nosto_esittelyt_item { /* itemin m?ittelyt */ width: 300px; border: 0; padding: 0; margin: 0; }
.lkvFrame_nosto_esittelyt_item .itemInner { border: 0; padding: 0px; }
.lkvFrame_nosto_esittelyt_item .imageOuter { overflow: hidden; width: 110px; height: 80px; border: 1px solid #D0D0D0; margin: 0 5px 0 0; padding: 1px; }
.lkvFrame_nosto_esittelyt_item .imageInner { width: 100%; height: 100%; padding: 0px; margin: 0px; overflow: hidden; position: relative; }
.lkvFrame_nosto_esittelyt_item .itemInfo { position: relative; }
	.lkvFrame_nosto_esittelyt_item .itemInfo a { font-size: 10px; font-weight: bold; color: #266A51; text-decoration: none; }
	.lkvFrame_nosto_esittelyt_item .itemInfo a:hover { text-decoration: underline; }
.lkvFrame_nosto_esittelyt_item .address { font-weight: bold; }
.lkvFrame_nosto_esittelyt_item .realtytype { display: none; }
.lkvFrame_nosto_esittelyt_item .flat_structure { font-size: 10px; }
.lkvFrame_nosto_esittelyt_item .presentation { font-size: 11px; font-weight: bold; position: relative; top: 6px;}
.lkvFrame_nosto_esittelyt_item .price { display:none; }
.lkvFrame_nosto_esittelyt_item .readmore { position: absolute; left: 0; top: 10px; }
.lkvFrame_nosto_esittelyt_item .readmoreLink {  }
.lkvFrame_nosto_esittelyt_item .checkAllLink { display:none; }