body, div, h1, h2, h3, h4, h5, h6, a, p, em, ul, ol, li, address, small, strong, form, fieldset, input, select { margin: 0; padding: 0; }

body { 
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #fff;
	color: #555;
	}

/* --- some universal statements --- */

a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

span.highlight { background: #ffcb04; }

/* --- main elements --- */
/* #horz { position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: visible; }
#vert { position: absolute; width: 100%; top: 50%; margin: -345px 0 0 0; height: 690px; } */

#housebookWrapper { position: relative; margin: 0 auto; border: 1px solid #000; width: 600px; }

#usernavi { 
	position: relative;
	width: 986px;
	height: 23px;
	background: #fff;
	padding: 3px 0 0 0;
	margin: 5px auto 0 auto;
	font-size: 0.9em;
	}
	
	#usernavi ul { position: absolute; right: 0px; text-align: right; }

	#usernavi ul li { 
		position: relative;
		float: left;
		display: block;
		background: #fff url(/pics/housebook/tab-bg.gif) top left no-repeat;
		padding: 0 0 0 15px;
		margin: 0 0 0 5px;
		overflow: hidden;
		}
		
		#usernavi ul li#leftLink { position: absolute; width: 199px; top: 0px; right: 771px; overflow: hidden; }
		
		#usernavi ul li a {
			float: left;
			display: block;
			font-weight: bold;
			color: #000;
			height: 26px;
			padding: 4px 15px 4px 0;
			background: transparent url(/pics/housebook/tab-a-bg.gif) top right no-repeat;
			}

body .main { 
	position: relative;
	width: 986px;
	height: 650px;
	margin: 0 auto;
	padding: 0;
/*	background: #ccc url(/pics/housebook/main-bg.jpg) center left no-repeat; */
	background: #ccc url(/pics/housebook/bg-welcome.jpg) center center no-repeat;
	z-index: 2;
	}
	
/*	#loginBackground, #searchBackground, #showFrontpageBackground, #showHouseBackground { background: #ccc url(/pics/housebook/main-bg-login.jpg) center left no-repeat; } */
	#showFrontpageBackground { background: #ccc url(/pics/housebook/bg-search.jpg) center center no-repeat; }
	#loginBackground, #registerBackground { background: #ccc url(/pics/housebook/bg-login.jpg) center center no-repeat; }
	#searchBackground { background: #ccc url(/pics/housebook/bg-searchresults.jpg) center center no-repeat; }
	#showStoryBackground { background: #ccc url(/pics/housebook/bg-story.jpg) center center no-repeat; }

	#showHouseBackground, #saveHouseCommentBackground, #removeHouseCommentBackground, #saveImageCommentBackground, #removeImageCommentBackground { background: #ccc url(/pics/housebook/bg-house.jpg) center center no-repeat; }
	
	body .main p.redirect {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 140px;
		height: 16px;
		padding: 12px 50px 12px 10px;
		font-size: 0.75em;
		font-weight: bold;
		background: #fff url(/js/ced/img/loading.gif) 158px 4px no-repeat;
		border: 2px solid #ccc;
		}

#kirjanavi {
	clear: both;
	position: relative;
	width: 986px;
	height: 20px;
	margin: 0 auto 5px auto;
	background: #9D9EA3;
	z-index: 1;
	}


/* --- kirjanavi --- */

#kirjanavi a { display: block; color: #fff; font-size: 0.75em; text-decoration: none; }
	#kirjanavi a:hover { color: #ccc; }

#kirjanavi  a#prev, #kirjanavi  a#searchpage, #kirjanavi  a#resultpage, #kirjanavi  a#next { position: absolute; top: 2px; }

#kirjanavi  a#prev { left: 30px; }
#kirjanavi  a#searchpage { left: 30%; }
#kirjanavi  a#resultpage { right: 30%; }
#kirjanavi  a#next { right: 30px; }

/* -- search results -- */

#searchResults { position: absolute; width: 880px; top: 35px; left: 50px; outline: none; }
#searchResults p { font-size: 0.8em; }
#searchResults #info { position: relative; margin: 5px 0; padding: 0 0 10px 0; }
#searchResults #resultset { position: relative; width: 670px; height: 530px; overflow: auto; }
#searchResults div.result { position: relative; width: 116px; height: 29px; float: left; padding: 78px 1px 8px 2px; margin: 2px 5px; }
#searchResults div.selected { background: #bbb; border: 1px solid #aaa; margin: 1px 4px; }
#searchResults div.result a { display: block; width: 115px; height: 35px; font-size: 0.7em; font-weight: normal; }
	#searchResults div.result a:hover { background: #bbb; }
	#searchResults div.selected a:hover { background: #ccc; }
#searchResults div.result img { position: absolute; top: 2px; left: 2px; width: 115px; height: 76px; border: none; }
#searchResults div.result input { position: absolute; top: 4px; right: 4px; z-index: 8; }

#searchResults #searchfield { position: absolute; right: 0px; top: 55px; width: 185px; font-size: 0.8em; }
	#searchfield strong { display: block; margin: 15px 0 5px 0; }
	#searchfield .button { display: block; margin: 15px 0 5px 0; }
	
#searchResults #searchfield_2 { position: absolute; right: 0px; top: 415px; //top: 465px; width: 185px; font-size: 0.8em; }
	
#termLegend { 
	position: absolute;
	top: 50px; 
	right: 30px; 
	width: 550px; 
	height: auto;
	padding: 8px 15px; 
	border-top: 2px solid #ccc; 
	background: #fff url(/pics/housebook/termlegend-bg.gif) bottom center repeat-x;
	z-index: 5;
	}

	#termLegend strong { display: block; font-size: 0.9em; margin: 5px 0; }
	#termLegend p { font-size: 0.8em; margin: 0 0 10px 0; }


/* --- content styles --- */
/* -- misc styles -- */
#content, #contentLeft {
	position: absolute;
	top: 0px;
	width: 460px;
	height: 610px;
	padding: 20px 0;
	color: #000;
	overflow: auto;
	}
	
	#content { right: 50px; }
	#contentLeft { left: 50px; }
	
	.inline { display: inline; }

a#clearanceLink { position: absolute; top: 0px; right: 0px; padding: 3px 10px; color: #fff; background: #666; font-weight: bold; font-size: 0.7em; }

#content p, #contentLeft p { font-size: 0.8em; margin: 0 0 1.5em 0; line-height: 1.2em; }

#content a, #contentLeft a, #searchResults a, #storylinks p.story a { color: #000; font-weight: bold; }

#content a:hover, #contentLeft a:hover, #searchResults a:hover { text-decoration: underline; color: #333; }
#content img, #contentLeft img {  }
hr { height: 1px; border: none; border-bottom: 1px solid #aaa; background: #ccc; margin: 8px 0 15px 0; }

#content h2, #contentLeft h2, #content h3, #contentLeft h3, #content h4, #contentLeft h4 { line-height: 1.1em; margin: 15px 0 7px 0; color: #555; }

#content h2, #contentLeft h2 { font-size: 1.5em; line-height: 1.1em; }
#content h3, #contentLeft h3 { font-size: 1.4em; line-height: 1.1em; }
#content h4, #contentLeft h4 { font-size: 1.3em; line-height: 1.1em; }

#content table, #contentLeft table { position: relative; margin: 0 0 10px 0; border-collapse: collapse; font-size: 0.8em;}
#content th, #contentLeft th { text-align: left; padding: 5px 0; cursor: pointer; }
#content td, #contentLeft td { padding: 1px 0; }

#content p.errorParagraph, #contentLeft p.errorParagraph {
	position: relative;
	border-width: 1px 1px 3px 1px;
	border-style: solid;
	border-color: #c99 #c99 #900 #c99;
	background: #fcc url(/pics/contentmanager/HouseBook/icon-error.gif) 15px 8px no-repeat;
	color: #600;
	padding: 10px 15px 10px 45px;
	margin: 5px 0;
	font-weight: bold;
	font-size: 11px;
	}
	
.closeWindow { 
	position: absolute;
	width: 16px; 
	height: 16px; 
	top: 5px; 
	right: 5px; 
	border-width: 1px; 
	border-color: #fcc #c99 #c99 #fcc;
	border-style: solid;
	background: #fdd url(/pics/housebook/icon-delete.gif) center no-repeat;
	}
	
.saveButton { 
	position: absolute;
	width: 16px; 
	height: 16px; 
	bottom: 5px; 
	right: 5px; 
	border-width: 1px; 
	border-color: #ccf #99c #99c #ccf;
	border-style: solid;
	background: #ddf url(/pics/housebook/icon-save.gif) center no-repeat;
	}
	
.stonebutton {
	position: relative;
	display: block;
	background: transparent url(/pics/housebook/stonebutton-bg.gif) top right no-repeat;
	height: 21px;
	padding: 0 15px 0 0;
	color: #fff;
	border: none;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
	}
	
	input.stonebutton { font-family: Arial, Helvetica, sans-serif; width: auto; }
	
.stonebuttonSide {
	position: relative;
	display: block;
	background: transparent url(/pics/housebook/stonebutton-span-bg.gif) top left no-repeat;
	height: 21px;
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	font-size: 0.85em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
input#searchAll { width: 175px; font-size: 1em; }


/* -- content form -- */
#content form, #contentLeft form {  }
#content fieldset, #contentLeft fieldset { display: block; }
#content label, #contentLeft label { display: block; font-weight: bold; margin: 0; cursor: pointer; font-size: 0.8em; }
#content input, #contentLeft input { display: block; margin-bottom: 15px; font-size: 0.8em; }

#content form table, #contentLeft form table { margin: 15px 0 30px 0; border-collapse: collapse; font-size: 1em; }
	#contentLeft form table { width: 100%; }
#content form th, #contentLeft form th { padding: 0; text-align: left; color: #333; cursor: auto; }
	#contentLeft form th { width: 33%; font-size: 0.8em; }
#content form td, #contentLeft form td { padding: 2px 10px 2px 0; vertical-align: top; }
#content td label, #contentLeft td label { display: inline; font-weight: bold; margin: 5px 0 5px 3px; font-weight: normal; }
#content td input, #contentLeft td input { display: inline; margin: 0; border: none; }

#content a#loadPDF, #contentLeft a#loadPDF { position: relative; display: block; font-size: 0.8em; margin: 20px 0 0 0; }
#contentLeft a#examplelink { position: absolute; bottom: 0px; left: 0px; margin: 0 0 50px 0; font-size: 0.8em; }

#contentLeft form ul { list-style-type: none; }
#contentLeft form ul li { position: relative; }
#contentLeft form ul li input {  }
#contentLeft form td { line-height: 18px; }

#content p span.sup { color: #900; font-weight: bold; padding-bottom: 3px; }

/* --- stories --- */
#content p#stories a { margin: 0 15px 0 0; }
#storylinks { position: absolute; right: 50px; top: 40px; width: 365px; }

	#storylinks h4 { font-size: 0.9em; margin: 0 0 15px 0; padding: 0; }
	p.story { position: relative; float: left; margin: 0 20px 20px 0; font-size: 0.7em; line-height: 1.1em; width: 150px; }
	p.story img { margin: 0 5px 5px 0; width: 150px; height: 100px; }
	p.story a { display: block; margin: 5px 0 0 0;  }
		p.story a.storyLink { 
			position: relative;
			background: transparent url(/pics/housebook/icon-readmore-v2.png) 0 1px no-repeat;
			padding: 1px 0 1px 17px;
			margin-top: 10px;
			}

#storyFrame { 
	position: absolute;
	width: 906px;
	height: 610px;
	top: 20px;
	left: 47px;
	margin: 0;
	padding: 0;
	overflow: auto;
	}

	#storyFrame #theStory { 
		position: absolute;
		top: 0px;
		right: 33px;
		width: 440px;
		}
		
		#theStory p, #theStory h3 { margin: 0 0 15px 0; padding: 0; }
			#theStory p { font-size: 0.75em; }
			#theStory h3 { font-size: 1.3em; }

	#storyFrame #storyImages {
		position: absolute;
		top: 0px;
		left: 9px;
		width: 355px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
	
		#storyImages img { 
			position: relative;
			width: 350px;
			height: 233px;
			display: block;
			margin: 0 0 15px 0;
			padding: 0;
			}


/* --- housepage styles --- */
h3#houseTitle { color: #fff; margin: 0 0 3px 30px; padding: 0 0 0 0; }
	h3#houseTitle a, h3#houseTitle a:hover { color: #fff; text-decoration: none; }
#houseSpecs { 
	position: relative;
	color: #fff;
	font-size: 0.7em;
	width: 500px;
	line-height: 1.1em;
	margin: 3px 0 0 30px;
	}

/* -- house image -- */
#houseImage { 
	position: absolute;
	bottom: 30px;
	left: 30px;
	margin: 0;
	text-align: center;
	width: 732px;
	height: 488px;
	}

	#houseImage img { position: relative; z-index: 1; }
	
	#houseImage a.editComment { 
		position: absolute;
		right: 0px;
		top: -21px;
		width: 137px;
		height: 17px;
		padding: 4px 3px 0 0;
		color: #000;
		font-size: 0.7em;
		font-weight: bold;
		text-align: center;
		background: transparent url(/pics/housebook/editcomment-bg.gif) top left no-repeat;
		overflow: hidden;
		z-index: 2;
		}

#houseLinks { position: absolute; top: 130px; right: 30px; width: 180px; height: 468px; }

	#houseLinks h4 { color: #fff; margin: 0 0 8px 0; font-size: 0.9em; }
	#houseLinks span { position: relative; display: block; margin: 0; padding: 2px 0; }
	#houseLinks a { display: block; color: #fff; margin: 2px 0; font-size: 0.75em; }
		#houseLinks a.selected { font-weight: bold; text-decoration: underline; }

		#houseLinks a.addToHomeBook, #houseLinks a.removeFromHomeBook { 
			position: absolute;
			width: 20px;
			height: 20px;
			right: 0px;
			top: 1px;
			color: #000;
			font-size: 0.7em;
			font-weight: bold;
			text-align: center;
			}

			#houseLinks a.addToHomeBook { background: transparent url(/pics/housebook/icon-add-v2.png) top left no-repeat; }
			#houseLinks a.removeFromHomeBook { background: transparent url(/pics/housebook/icon-delete-v2.png) top left no-repeat; }
		
		span#taloPeliLinks {
			position: relative;
			display: block;
			margin: 10px 0 0 0;
			font-size: 0.7em;
			color: #fff;
			}
		
			#houseLinks a#talopeliLink {
				position: relative;
				display: block;
				margin: 5px 0 0 0;
				width: 180px;
				height: 27px;
				text-indent: -1000px;
				background: transparent url(/pics/housebook/a-talopeli.gif) top left no-repeat;
				overflow: hidden;
				z-index: 11;
				}

	#taloPeliInfo {
		position: absolute;
		top: 255px;
		right: 243px;
		width: 500px;
		padding: 8px;
		background: #fff;
		z-index: 10;
		border-color: #966 #a66 #c66 #a66;
		border-style: solid;
		border-width: 2px;
		}

		#taloPeliInfo h5 { margin: 0 0 10px 0; }
		#taloPeliInfo p { font-size: 0.7em; margin: 4px 0 30px 0; color: #000; }
		
		#taloPeliInfo a.taloPeliInfoLink {
			position: absolute;
			display: block;
			left: 200px;
			bottom: 5px;
			border-color: #ccc #666 #666 #ccc;
			border-style: solid;
			border-width: 2px;
			background: #bbb;
			color: #000;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			padding: 2px 10px;
			}

a#serviceForm { position: absolute; bottom: 30px; right: 30px; width: 180px; font-size: 0.7em; color: #fff; }
a#printHouseCard { position: absolute; bottom: 10px; right: 220px; padding: 1px 4px; color: #fff; font-size: 0.7em; }

#homeBookOperations { 
	position: absolute;
	top: 5px;
	right: 0px;
	width: 150px;
	text-align: left;
	z-index: 3;
	}
	
	#homeBookOperations a { 
		display: block;
		color: #fff;
		padding: 5px 23px;
		margin: 0;
		font-size: 0.7em;
		font-weight: bold;
		background-color: transparent;
		background-position: 0px 3px;
		background-repeat: no-repeat;
		}
		
		#homeBookOperations a#addToHomeBook { background-image: url(/pics/housebook/icon-add-v2.gif); }
		#homeBookOperations a#removeFromHomeBook { background-image: url(/pics/housebook/icon-delete-v2.gif); }
	
	#homeBookOperations a#toggleHouseComment {  }

/* -- house - comment forms -- house / image -- */
div#houseCommentForm, div.commentImage, div#houseComment { 
	position: absolute;
	overflow: hidden;
	z-index: 5;
	}

	div#houseCommentForm {
		bottom: 45px;
		right: 30px;
		width: 354px;
		height: 249px;
		padding: 3px;
		background: transparent url(/pics/housebook/housecomment-txtarea-bg.png) top left no-repeat;
		}

		div#houseCommentForm a.closeForm { 
			position: absolute;
			top: 3px;
			right: 3px;
			width: 8px;
			height: 8px;
			background: #fdd url(/pics/housebook/housecomment-close.gif) center no-repeat;
			border-width: 1px;
			border-style: solid;
			border-color: #fcc #966 #966 #fcc;
			}

	div.commentImage { 
		top: 0px;
		right: 0px;
		width: 352px;
		height: 223px;
		background: transparent url(/pics/housebook/house-imagecomment-bg.gif) top right no-repeat;
		padding: 0;
		color: #000;
		}

		p.charsLeft {
			position: absolute;
			bottom: 2px;
			right: 15px;
			text-align: right;
			font-size: 0.6em;
			color: #000;
			}
			
			p.charsLeft span { font-weight: bold; }

	#houseCommentForm label, .commentImage label { margin: 0 0 5px 0; padding: 5px 0; font-weight: normal; font-size: 0.7em; }
	#houseCommentForm textarea, .commentImage textarea { display: block; border: none; padding: 0; margin: 0; }
		#houseCommentForm textarea { width: 350px; height: 215px; background: transparent; }
		.commentImage textarea { margin: 7px 0 0 9px; width: 330px; height: 197px; background: transparent; }
			
	#houseCommentForm input, .commentImage input { display: block; }
		#houseCommentForm input, .commentImage input { 
			background: transparent url(/pics/housebook/icon-savecomment.gif) 0 2px no-repeat;
			border: none;
			padding: 0 0 0 12px;
			font-size: 0.75em;
			font-weight: bold;
			cursor: pointer;
			text-align: left; 
			}
			
			.commentImage input { margin: 0 0 0 10px; width: 75px; }
			#houseCommentForm input { margin: 0; width: 150px; }

	div#houseComment {
		bottom: 45px;
		right: 30px;
		width: 170px;
		height: 249px;
		font-size: 0.71em;
		line-height: 1.1em;
		padding: 3px 6px 3px 4px;
		z-index: 4;
		overflow: auto;
		background: transparent url(/pics/housebook/housecomment-bg.png) top left no-repeat;
		text-align: justify;
		}
		
		div#houseComment strong { 
			display: block;
			font-size: 1em;
			}
			
		div#houseComment a.editHouseComment { top: 0px; left: 162px; }


/* --- users homebook --- */
/* --- general styles --- */
#housebook { 
	position: relative;
	margin: 0 auto;
	width: 745px;
	background: #fff;
	}

h2#housebookTitle {
	position: relative;
	width: 730px;
	line-height: 1.2em; 
	color: #eee;
	background: #444;
	font-size: 0.9em;
	padding: 5px;
	border-bottom: 2px solid #aaa;
	}
	
	#housebook form input.hidden { display: none; }
	#housebook form input.submitButton { 
		display: block;
		margin: 10px 0;
		padding: 3px 18px;
		background-color: #ddd;
		border-width: 1px;
		border-color: #eee #ccc #ccc #eee;
		border-style: solid;
		cursor: pointer;
		}
		#housebook form input.submitButton:focus { 
			background-color: #ccc;
			border-width: 1px;
			border-color: #bbb #999 #999 #bbb;
			border-style: solid;
			}
	
	#housebook form.userinfo { position: relative; margin: 10px 0 20px 0; padding: 0 15px; }
		form.userinfo fieldset {
			position: relative;
			padding: 10px;
			margin: 15px 0 10px 0;
			border-width: 3px 1px 1px 1px;
			border-color: #ccc #eee #eee #eee;
			border-style: solid;
			}

		form.userinfo fieldset legend { color: #333333; padding: 0 5px; font-size: 1em; font-weight: bold; }
		form.userinfo p { margin: 3px 0; padding: 0 0 0 15px; font-size: 0.85em;}
		form.userinfo p em { color: #900; }
		form.userinfo label { 
			border-top: 1px solid #eee;
			padding: 3px 0 0 0;
			margin: 0 0 3px 0;
			font-size: 0.8em;
			font-style: italic;
			}

		form.userinfo input, form.userinfo textarea, table.ideaTable td input.ideaText { 
			margin: 0 0 8px 0;
			padding: 1px;
			border-width: 1px;
			border-color: #ddd #ddd #bbb #ddd;
			border-style: solid;
			}

		form.userinfo input:focus, form.userinfo textarea:focus, table.ideaTable td input.ideaText:focus { 
			background: #ffd;
			border-width: 1px;
			border-color: #ffa #ffa #fda #ffa;
			border-style: solid;
			}
			
			form.userinfo input#email { width: 275px; }
			form.userinfo label.noTop { border-top: none; }
			form.userinfo textarea#otherRooms { width: 100%; }
			form.userinfo p#otherChars { margin: 0; text-align: right; }
			
			form.userinfo table.userinfoTable, table.ideaTable {
				position: relative;
				border-collapse: collapse;
				width: 100%;
				padding: 0;
				margin: 0;
				}
				
				table.userinfoTable td, table.ideaTable td {
					position: relative;
					width: 50%;
					padding: 0 5px;
					vertical-align: top;
					}
					
					table.userinfoTable td .choice {
						border: none;
						display: inline;
						margin: 0;
						padding: 0;
						font-style: normal;
						font-size: 0.85em;
						}

						table.userinfoTable td label.choice { margin: 0 0 0 3px; }
						table.userinfoTable td input.choice { margin: 2px 0 0 5px; padding: 0; }
						table.userinfoTable td input.ideaCheckbox, table.userinfoTable td select.ideaSelect {  }

					table.userinfoTable td label { margin: 5px 0 3px 0;  }
					
					form.userinfo input#lotAddress, form.userinfo input#participants, form.userinfo input#currentAddress { width: 75%; }

					table.ideaTable td label { position: relative; padding: 2px 0 5px 0; }
						table.ideaTable td label span { position: absolute; top: 1px; left: 100px;  }
					table.ideaTable td input { display: block; float: right; position: relative; top: -20px; height: 12px; border: none; }
						table.ideaTable td input.ideaText { float: none; height: 15px; width: 100%; top: 0px; }
					table.ideaTable td select { display: block; float: right; position: relative; top: -22px; padding: 0; margin: 0; font-size: 0.75em; }
						table.ideaTable td select.carOptions { right: 240px; }

						table.ideaTable table { margin: 0; padding: 0; width: 100%; }
						table.ideaTable table td { margin: 0; padding: 0; width: 100%; }


div.chosenHome { position: relative; float: left; width: 115px; margin: 3px 2px; padding: 18px 0 0 0; }
input.chooseForPrint { position: absolute; top: 5px; left: 5px; }
a.printPicture, a.removeHome, a.commentPicture { position: absolute; top: 5px; width: 14px; height: 14px; overflow: hidden; text-indent: -10000px; outline: none; }
	a.commentPicture { right: 40px; background: #fff url(/pics/housebook/icon-comment.gif) top left no-repeat; }
	a.printPicture { right: 20px; background: #fff url(/pics/housebook/icon-print.gif) top left no-repeat; }
	a.removeHome { right: 0px; background: #fff url(/pics/housebook/icon-delete.gif) top left no-repeat; }
	
div.controlLinks { position: relative; margin: 3px 0; padding: 0 0 3px 0; text-align: right; border-bottom: 1px solid #ccc;  }
	div.controlLinks a { margin: 0 8px; }
	
/* -- users homebook -- house models -- */
div.houseModel { position: relative; height: auto; overflow: hidden; }
	a.removeModel, a.editHouseComment {
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		border-width: 1px;
		border-style: solid;
		z-index: 2;
		}
	
		a.removeModel { 
			top: 5px;
			right: 5px;
			border-color: #fcc #966 #966 #fcc;
			background: #fdd url(/pics/housebook/icon-delete.gif) center no-repeat;
			}
	
		a.editHouseComment { 
			top: 5px;
			left: 126px;
			border-color: #cfc #696 #696 #cfc;
			background: #dfd url(/pics/housebook/icon-comment.gif) center no-repeat;
			}

	div.houseModel a.showModel { float: left; margin: 0 0 0 25px; }
	div.houseModel p { position: relative; margin: 0 0 0 150px; height: 84px; padding: 3px 0; }
	div.houseModel p strong { display: block; }
	div.houseModel p span { display: block; margin: 5px 0 0 0; height: 62px; width: 95%; overflow: auto; }
	div.houseModel img { position: absolute; left: 5px; top: 5px; }
	
	div.housebookCommentForm { 
		position: absolute;
		top: 0px;
		left: 0px;
		height: 84px;
		width: 740px;
		background: #f6f6f6;
		border: 1px solid #eee;
		z-index: 3;
		}

		div.housebookCommentForm textarea { width: 708px; height: 76px; margin: 2px 0 2px 2px; }

/* -- users homebook -- chosen images -- */
div.imageBox { 
	position: relative;
	float: left;
	width: 125px;
	height: 90px;
	padding: 0;
	margin: 0 5px 5px 0;
	z-index: 1;
	}

	div.imageBox a.removeModel { top: 7px; left: 100px; z-index: 2; visibility: hidden; }
	div.imageBox a.editHouseComment { top: 7px; left: 7px; z-index: 2; visibility: hidden; }
		div.imageBox:hover a.removeModel, div.imageBox:hover a.editHouseComment { visibility: visible; }
	div.imageBox img { position: absolute; top: 5px; left: 5px; z-index: 1; }

/* -- users homebook -- print options -- */
#housebook form#printOptions { margin: 0 20px 20px 20px; }
	form#printOptions strong { display: block; margin: 5px 0; }
	form#printOptions fieldset { border: none; margin: 8px 0; }
	form#printOptions input { display: inline; margin: 0 5px;}
	form#printOptions label { display: inline; }


	
/* --- messagestyles --- */
#messageLayer { 
	position: relative;
	margin: 10px 25px;
	padding: 0;
	background: #fff;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 3px 1px;
	z-index: 5;
	}
	
	#messageLayer ul { margin: 0; padding: 0; list-style-type: none; }

	#messageLayer ul li {
		margin: 0;
		padding: 0 0 0 30px;
		height: 15px;
		border-width: 3px;
		border-style: solid;
		font-size: 0.7em;
		font-weight: bold;
		background-position: 8px 4px;
		background-repeat: no-repeat;
		}

		#messageLayer li.error { border-color: #fcc; background-color: #fcc; color: #600; height: 20px; }
		#messageLayer li.success { border-color: #cfc; background-color: #cfc; color: #060; height: 20px; }
		
		#messageLayer li#errorIcon, #messageLayer li#successIcon { font-size: 0.85em; padding: 5px 0 5px 30px; }
			#messageLayer li#errorIcon { background-image: url(/pics/contentmanager/HouseBook/icon-error.gif); }
			#messageLayer li#successIcon { background-image: url(/pics/contentmanager/HouseBook/icon-success.gif); }

/* --- clearfix --- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:lt� \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* pois piilosta */
 */