/* Default styles */
html { background-color: #fff; width: 100%; margin: 0; }

body {
	width: 100%;
	margin: 0;
	background: #fff;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
	padding-bottom: 20px; }

td {
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none; }

br { clear: both; }

a { color: #000; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; color: #000000; }


/* Form styles */
form { margin: 0; }
select { font-size: 10px; }
input { font-size: 10px; }
.clFormFieldOk {}
.clFormFieldHover { background-color: #cfc; border: solid 1px #999; }
.clFormFieldError { border: solid 2px red; }


/* Main Container */
#divMainContainer {
	position: relative;
	margin: 0 auto;
	width: 800px;
	background-color: #fff; }

/* Main Header */
#divHeader {
	clear: both;
	width: 800px;
	height: 54px;
	margin: 0 auto;
	background: #fff url(../images_toimitilat.fi/header_bg.png) no-repeat center bottom; }

/* Main Menu */
#divMenu {
	clear: both;
	width: 800px;
	height: 34px;
	margin: 0 auto;
	background: #fff url(../images_toimitilat.fi/menu_bg.png) repeat-x left top; }

#divMenu .clMenuItem {
	float: left;
	height: 23px;
	margin-top: 8px;
	margin-right: 5px;
	cursor: pointer; }
#divMenu .clMenuItemLeft {
	background-image: url(../images_toimitilat.fi/menu_item_left.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	float: left;
	width: 10px;
	height: 23px; }
#divMenu .clMenuItemLink { color: #fff; font-size: 8pt; font-weight: bold; line-height: 2.3em; background-image: url(../images_toimitilat.fi/menu_item_bg.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; float: left; height: 23px; }
#divMenu .clMenuItemLink a { color: #fff; font-size: 8pt; font-weight: bold; line-height: 2.3em; text-decoration: none; }
#divMenu .clMenuItemLink a:hover { color: #fff; font-size: 8pt; font-weight: bold; line-height: 2.3em; text-decoration: none; }
#divMenu .clMenuItemRight {
	background-image: url(../images_toimitilat.fi/menu_item_right.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	float: left;
	width: 10px;
	height: 23px; }


#divMenu .clMenuItemGrey {
	float: left;
	height: 23px;
	margin-top: 8px;
	margin-right: 5px;
	cursor: pointer; }
#divMenu .clMenuItemGreyLeft {
	background-image: url(../images_toimitilat.fi/menu_item_left_grey.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	float: left;
	width: 10px;
	height: 23px; }
#divMenu .clMenuItemGreyLink {
	color: #747577;
	font-size: 8pt;
	line-height: 2.3em;
	float: left;
	background: #d5d5d5 url(../images_toimitilat.fi/menu_item_bg_grey.png) repeat-x left top;
	height: 23px; }
#divMenu .clMenuItemGreyLink a { color: #555; font-size: 8pt; font-weight: bold; text-decoration: none; }
#divMenu .clMenuItemGreyLink a:hover { text-decoration: none; }
#divMenu .clMenuItemGreyRight {
	background-image: url(../images_toimitilat.fi/menu_item_right_grey.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	float: left;
	width: 10px;
	height: 23px; }


/* Main Content */
#divContent {
	clear: both;
	width: 780px;
	margin: 0 auto;
	padding: 15px 10px 10px; }
#divContent .clColumnFloatLeft {
	float: left;
	width: 300px;
	overflow: hidden;	}
#divContent .clColumnFloatRight {
	float: left;
	width: 300px;
	overflow: hidden;	}

/* Main Footer */
#divFooter { color: #989898; font-size: 8pt; font-weight: bold; line-height: 2em; background-image: url(../images_toimitilat.fi/footer_bg.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; clear: both; width: 800px; margin: 0 auto; text-align: center; height: 21px; }

/* QuickJump menu */
#divQuickJump {
	float: right;
	width: 145px;
	height: 25px;
	padding: 27px 12px 0 0; }
.clSelectQuickjump {
	font-size: 8pt;
	width: 140px;
	z-index: 50; }



/* TEXT STYLES */
/* Blue background heading */
.clBlueBgHeading {
	color: white;
	font-weight: bold;
	line-height: 2em;
	background-color: #375164;
	text-indent: 10px; }


/* Margins and paddings */
.clPaddingB3px {
	padding-bottom: 3px; }
.clPaddingT4px {
	padding-top: 4px; }
.clPaddingTL7px {
	padding-top: 7px;
	padding-left: 7px; }
.clPadding15px {
	padding: 15px; }
.clPaddingTL10px {
	padding-top: 10px;
	padding-left: 10px; }
.clPaddingT3R10px {
	padding-top: 3px;
	padding-right: 10px; }
.clPaddingT10px {
	padding-top: 10px; }
.clPaddingT10L20px {
	padding-top: 10px;
	padding-left: 18px;	}
.clPaddingLR20px {
	padding-right: 20px;
	padding-left: 20px; }
.clPaddingT15L30px {
	padding-top: 15px;
	padding-left: 30px; }
.clPaddingT24L10px {
	padding-top: 24px;
	padding-left: 10px;	}
.clPaddingT33L13px {
	padding-top: 33px;
	padding-left: 13px;	}
.clPaddingT33L10px {
	padding-top: 33px;
	padding-left: 10px;	}
.clPaddingT33L20px {
	padding-top: 33px;
	padding-left: 20px;	}
.clPaddingT28L25px {
	padding-top: 28px;
	padding-left: 25px;	}
.clPaddingT15R20B30L20px {
	padding: 15px 20px 30px; }



/* BANNERS */

/* Frontpage banner column */
#divFrontpageBannerColumn {
	width: 150px;
	padding: 7px;
	float: right;
	overflow: hidden;
	background-color: #f8f8f8; }
/* Top Banner */
#divTopbanner {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 15px; }
/* Side Banner */
#divSidebanner {
	float: left;
	position: absolute;
	top: 110px;
	left: 800px;
	width: 140px; }
/* Banner 728x90px */
.clBanner728x90 {
	width: 728px;
	height: 90px;
	z-index: 50; }
/* Banner 150x40px */
.clBanner150x40 {
	float: right;
	width: 150px;
	height: 40px;
	margin-bottom: 11px;
	z-index: 1; }
/* Banner 140x350px "Etusivun suurtaulu" */
.clBanner140x350 {
	width: 140px;
	height: 350px;
	margin: 0 0 14px 13px;
	clear: none;
	z-index: 50; }
/* Banner 140x600px "Etusivun pidennetty suurtaulu" */
.clBanner140x600 {
	width: 140px;
	height: 600px;
	margin: 0 0 14px 13px;
	clear: none;
	z-index: 50; }
/* Banner 270x150px "Etusivun "tilaa lehti" banneri" */
.clBanner270x150 {
	float: right;
	width: 270px;
	height: 150px;
	margin: 0 0 15px 15px;
	z-index: 50; }
/* Banner 168x120px "BtoB osastobanneri" */
.clBanner168x120 {
	float: left;
	width: 168px;
	height: 120px;
	margin: 0 4px 20px 0;
	z-index: 50; }
/* Banner 180x60px "BtoB banneri" */
.clBanner180x60 {
	float: left;
	width: 180px;
	height: 60px;
	margin: 0 25px 18px 0;
	z-index: 50; }
/* Banner 486x60px "Yläbanneri" */
.clBanner486x60 {
	float: right;
	width: 486px;
	height: 60px;
	margin-top: 15px;
	z-index: 50; }
/* Flash Banner 370x280px "Suurtaulu" */
.clBannerFlash370x280 {
	float: left;
	width: 370px;
	height: 280px;
	z-index: 50; }
/* Banner 200x50px */
.clBanner200x50 {
	width: 200px;
	height: 50px;
	margin: 0;
	clear: none;
	z-index: 50; }


/* Javascript menu */
.clDropdown {
	background-color: #f5f5f5;
	border-color: #808183;
	border-style: solid;
	border-width: 0 1px 1px;
	cursor: pointer; }
.clDropdown a {
	color: #375164;
	text-decoration: none; }
.clDropdown a:hover {
	color: #fff;
	text-decoration: none; }
.clDropdown .clLine {
	overflow: hidden;
	width: 200px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: solid 1px #dadada;
	color: #375164; }
.clDropdown .clLineHilite {
	overflow: hidden;
	width: 200px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: solid 1px #dadada;
	color: #fff;
	background-color: #375164; }
.clDropdown .clLineHilite a {
	color: #fff;
	text-decoration: none; }


/* Full page box */
.clFullPageBox {
	width: 100%;
	border: solid 1px #c8ccd6; }
.clFullPageBox .clContent {
	overflow: hidden;
	margin: 15px; }


/* OBJECT LIST */
/* Object list header bar */
.clObjectListHeader {
	clear: both;
	height: 25px;
	border: solid 1px #c8ccd6;
	background-image: url(../images_toimitilat.fi/box/box_silver_title_bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	color: #7e8095;
	font-weight: bold;
	line-height: 2.3em;
	margin-top: 15px;
	margin-bottom: 7px; }

.clObjectListHeader .clTitle {
	float: left; }

.clObjectListHeader .clIcon {
	float: left;
	padding-left: 3px;
	padding-top: 4px; }

.clObjectListHeader a {
	color: #7e8095;
	font-weight: bold; }

/* Object list line */
.clObjectListLine {
	overflow: hidden;
	background-color: #f5f5f5;
	width: 100%;
	clear: both;
	padding: 15px 0 10px 4px;
	cursor: pointer; }

.clObjectListLineHilite {
	overflow: hidden;
	background-color: #ebffc4;
	width: 100%;
	clear: both;
	padding: 15px 0 10px 4px;
	cursor: pointer; }

.clObjectListCol1 {
	float: left;
	width: 80px;
	overflow: hidden;
	text-indent: 5px; }

.clObjectListCol1 img {
	border-right: 1px groove #c6c8ca;
	border-bottom: 1px groove #c6c8ca;
	border-top-style: hidden;
	border-left-style: hidden; }

.clObjectListCol2 {
	float: left;
	width: 150px; }

.clObjectListCol3 {
	float: left;
	width: 180px; }

.clObjectListCol4 {
	float: left;
	width: 220px; }

.clObjectListCol5 {
	float: right;
	width: 110px; }

/* Object list "haun tulokset" description */
.clObjectlistDescription {
	float: left;
	margin-bottom: 15px; }

/* Object list page selection */
.clObjectListPageSelection {
	float: right;
	margin-bottom: 15px;
	overflow: hidden; }

.clObjectListPageSelection .clTitle {
	float: left;
	width: 127px; }
.clObjectListPageSelection .clTitle .clImage {
	width: 127px;
	height: 25px; }
.clObjectListPageSelection .clTitle .clText {
	text-align: right; }

.clObjectListPageSelection .clPage {
	float: left; }
.clObjectListPageSelection .clPage .clIcon {
	float: left;
	width: 17px;
	height: 25px;
	text-align: center; }
.clObjectListPageSelection .clPage .clText {
	float: left;
	clear: both;
	width: 17px;
	text-align: center; }


/* SEARCH PAGE */
/* Search page box */
.clSearchPageBox {
	float: left;
	overflow: hidden;
	border: solid 1px #c8ccd6;
	margin-right: 10px;
	margin-bottom: 15px; }
.clSearchPageBox .clHeader { height: 25px; margin: 2px; border: solid 1px #c8ccd6; background-image: url(../images_toimitilat.fi/box/box_silver_title_bg.gif); background-repeat: repeat-x; background-attachment: scroll; color: #375164; font-size: 8pt !important; font-weight: bold; line-height: 2.3em; text-indent: 10px; }
.clSearchPageBox .clHeader .clTitle {
	float: left; }
.clSearchPageBox .clContent {
	overflow: hidden;
	margin: 10px; }
.clSearchPageBox .clContent .clSelect {
	background-color: #ffffff;
	font-size: 7pt;
	width: 180px; }


/* Free width column, with right border */
.clFreeDottedColumn {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px dotted #939598; }


/* Three 32% columns */
.clThreeCol { line-height: 2em; }
.clThreeCol .clCol1 {
	float: left;
	width: 32%;	}
.clThreeCol .clCol2 {
	float: left;
	width: 32%;	}
.clThreeCol .clCol3 {
	float: left;
	width: 32%;	}


/* Two 47% columns */
.clTwoCol { line-height: 2em; }
.clTwoCol .clCol1 {
	float: left;
	width: 47%;	}
.clTwoCol .clCol2 {
	float: left;
	width: 47%;	}


/* Box */
.clBox {
	float: left;
	width: auto;
	border: solid 1px #c8ccd6;
	margin-right: 12px;
	margin-bottom: 15px; }
.clBox .clHeader {
	height: 25px;
	margin: 2px;
	border: solid 1px #c8ccd6;
	background-image: url(../images_toimitilat.fi/box/box_silver_title_bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	color: #375164;
	font-weight: bold;
	line-height: 2.3em;
	text-indent: 10px; }
.clBox .clContent {
	overflow: hidden;
	margin: 7px; }


/* Subpage Left Box */
.clLeftBox {
	float: left;
	width: 200px;
	border: solid 1px #c8ccd6;
	margin-right: 5px;
	margin-bottom: 15px; }
.clLeftBox .clHeader { height: 25px; margin: 2px; border: solid 1px #c8ccd6; background-image: url(../images_toimitilat.fi/box/box_silver_title_bg.gif); background-repeat: repeat-x; background-attachment: scroll; color: #375164; font-size: 8pt; font-weight: bold; line-height: 2.3em; text-indent: 10px; }
.clLeftBox .clImage {
	height: 60px;
	text-align: center; }
.clLeftBox .clContent {
	overflow: hidden;
	margin: 15px 10px 15px 30px; }
.clLeftBox .clLinkLine {
	clear: both;
	padding-top: 3px; }
.clLinkLine .clIcon {
	float: left;
	width: 20px; }
.clLinkLine .clLink {
	float: left;
	width: 125px; }


/* Subpage Right Box */
.clRightBox {
	float: right;
	width: 560px;
	margin-bottom: 15px;
	border: solid 1px #c8ccd6; }
.clRightBox .clHeader { width: auto; height: 25px; margin: 2px; border: solid 1px #c8ccd6; background-image: url(../images_toimitilat.fi/box/box_silver_title_bg.gif); background-repeat: repeat-x; background-attachment: scroll; color: #375164; font-size: 8pt; font-weight: bold; line-height: 2.3em; text-indent: 10px; }
.clRightBox .clContent {
	width: 560px;
	overflow: hidden; }
.clRightBox .clFooter {
	width: 560px;
	overflow: hidden; }


/* Subpage Object Box */
.clObjectBox {
	float: left;
	width: 530px;
	margin-bottom: 15px;
	border: solid 1px #c8ccd6; }
.clObjectBox .clHeader {
	width: 526px;
	height: 32px;
	margin-right: 2px;
	margin-left: 2px;
	background-image: url(../images_toimitilat.fi/box/box_blue_title_bg.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	line-height: 2.5em;
	text-indent: 20px; }
.clObjectBox .clContent {
	width: 530px;
	overflow: hidden; }
.clObjectBox .clFooter {
	width: 530px;
	overflow: hidden; }

.clObjectBox .clObjectDataRow {
	clear: both;
	width: 500px;
	padding-top: 8px; }
.clObjectBox .clObjectDataRow .clTitle {
	float: left;
	width: 160px;
	font-weight: bold; }
.clObjectBox .clObjectDataRow .clText {
	float: left;
	width: 340px; }

.clObjectBox .clObjectDataRow2 {
	clear: both;
	padding-top: 5px;
	padding-left: 10px; }
.clObjectBox .clObjectDataRow2 .clTitle {
	float: left;
	width: 145px;
	font-weight: bold; }
.clObjectBox .clObjectDataRow2 .clText {
	float: left; }

.clObjectBox .clObjectDataContactRow {
	clear: both;
	margin-bottom: 8px; }

.clObjectThumbs {
	float: left;
	margin-top: 5px;
	margin-right: 2px; }

.clObjectMap {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px #c8ccd6; }

.clObjectTypeLine { font-size: 8pt; clear: both; line-height: 1.5em; }
.clObjectTypeLine .clType {
	float: left;
	width: 120px; }
.clObjectTypeLine .clSize {
	float: left;
	width: 90px;
	text-align: right; }

/* Messenger item, height 18px */
.clMessengerItem {
	height: 18px;
	padding-right: 5px;
	padding-top: 5px; }
.clMessengerItem .clLeft {
	float: left;
	width: 18px;
	height: 18px; }
.clMessengerItem .clMiddle {
	float: left;
	width: 180px;
	height: 18px;
	line-height: 1.5em;
	text-indent: 5px; }
.clMessengerItem .clMiddle a {
	font-size: 8pt;
	font-weight: normal;
	color: #6D7586; }
.clMessengerItem .clMiddle a:hover {
	text-decoration: underline; }
.clMessengerItem .clRight {
	float: left;
	width: 5px;
	height: 18px; }

/* Object page file box */
.clFileBox {
	float: left;
	width: 200px;
	border: solid 1px #c8ccd6;
	margin-top: 15px;
	margin-bottom: 10px; }

.clFileBox .clHeader {
	height: 25px;
	margin: 2px;
	border: solid 1px #c8ccd6;
	background-image: url(../images_toimitilat.fi/box/box_silver_title_bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	color: #7E8095;
	font-weight: bold;
	line-height: 2.3em;
	text-indent: 10px; }

.clFileBox .clContent {
	overflow: hidden;
	margin: 15px; }

.clFileBox .clLinkLine {
	clear: both;
	padding-top: 3px; }

.clFileBox .clIcon {
	float: left;
	width: 20px; }

.clFileBox .clLink {
	float: left;
	width: 125px; }


/* Subpage Image Box */
.clImagesAndbuttonsBox {
	float: right;
	width: 230px;
	margin-bottom: 15px;
	border: solid 1px #c8ccd6; }


/* Horizontal line */
.clHorizontalLine {
	clear: both;
	width: 100%;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
	background-image: url(../images_toimitilat.fi/line.png);
	background-repeat: repeat-x;
	background-attachment: scroll; }

.clHorizontalLineDotted {
	clear: both;
	width: 100%;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
	background-image: url(../images_toimitilat.fi/line_dotted.png);
	background-repeat: repeat-x;
	background-attachment: scroll; }

/* BUTTONS */
/* Small, height 17px */
.clButtonSmall {
	float: right;
	height: 17px;
	padding-left: 5px; }
.clButtonSmall .clLeft {
	float: left;
	width: 5px;
	height: 17px;
	background-image: url(../images_toimitilat.fi/buttons/button_small_left_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll; }
.clButtonSmall .clMiddle {
	line-height: 1.5em;
	float: left;
	height: 17px;
	background-image: url(../images_toimitilat.fi/buttons/button_small_middle_bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll; }
.clButtonSmall .clMiddle a {
	font-size: 8pt;
	font-weight: normal;
	color: #6D7586; }
.clButtonSmall .clMiddle a:hover {
	text-decoration: underline;
	color: #000000; }
.clButtonSmall .clRight {
	float: left;
	width: 20px;
	height: 17px;
	background-image: url(../images_toimitilat.fi/buttons/button_small_right_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll; }

/* Medium, height 18px */
.clButtonMedium {
	clear: both;
	height: 18px;
	padding-left: 5px;
	padding-top: 5px; }
.clButtonMedium .clLeft {
	float: left;
	width: 5px;
	height: 18px;
	background-image: url(../images_toimitilat.fi/buttons/button_medium_left_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll; }
.clButtonMedium .clMiddle { font-size: 8pt; float: left; width: 150px; height: 18px; background-image: url(../images_toimitilat.fi/buttons/button_medium_middle_bg.gif); background-repeat: repeat-x; background-attachment: scroll; line-height: 1.6em; font-weight: bold; text-indent: 10px; }
.clButtonMedium .clMiddle a { font-size: 8pt; color: #ffffff; font-weight: bold; line-height: 1.6em; }
.clButtonMedium .clMiddle a:hover { font-size: 8pt; font-weight: bold; line-height: 1.6em; text-decoration: underline; }
.clButtonMedium .clRight {
	float: left;
	width: 35px;
	height: 18px;
	background-image: url(../images_toimitilat.fi/buttons/button_medium_right_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll; }


/* Large, height 25px */
.clButtonLarge { font-size: 8pt; font-weight: bold; float: left; height: 25px; padding-left: 5px; line-height: 2.3em; text-decoration: none; cursor: pointer; }
.clButtonLarge a { font-size: 8pt; color: #ffffff; font-weight: bold; line-height: 2.3em; text-decoration: none; }
.clButtonLarge a:hover { font-size: 8pt; font-weight: bold; line-height: 2.3em; text-decoration: none; }
.clButtonLarge .clLeft { font-size: 8pt; font-weight: bold; line-height: 2.3em; float: left; width: 10px; height: 25px; background-image: url(../images_toimitilat.fi/buttons/button_large_left_bg.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; }
.clButtonLarge .clMiddle { float: left; height: 25px; background-image: url(../images_toimitilat.fi/buttons/button_large_middle_bg.png); background-repeat: repeat-x; background-attachment: scroll; color: #ffffff; font-size: 8pt; font-weight: bold; line-height: 2.3em; text-decoration: none; }
.clButtonLarge .clRight { font-size: 8pt; font-weight: bold; line-height: 2.3em; float: left; width: 10px; height: 25px; background-image: url(../images_toimitilat.fi/buttons/button_large_right_bg.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; }
.clButtonLarge .clIcon { font-size: 8pt; font-weight: bold; line-height: 2.3em; float: left; height: 25px; padding-left: 10px; padding-top: 3px; background-image: url(../images_toimitilat.fi/buttons/button_large_middle_bg.png); background-repeat: repeat-x; background-attachment: scroll; text-decoration: none; }


/* Info icon/button */
.clInfoButton {
	float: right;
	padding-right: 4px;
	padding-top: 4px; }


/* Info popup */
.clInfoPopup {
	z-index: 120;
	position: absolute;
	visibility: hidden; }

.clInfoPopup .clContent {
	width: 238px;
	background-image: url(../images_toimitilat.fi/box/box_popup_content_bg.gif);
	background-repeat: repeat;
	background-attachment: scroll; }


/* Standard row, free width columns */
.clStandardRow {
	overflow: hidden;
	line-height: 2.3em;
	width: 100%; }
.clColumn {
	float: left; }