﻿/*
 * Mattias Bengtsson
 * Copyright Sector 5 AB 2010
 * -----------------------------------------------------------------------------
 */

@media screen {

/*
 * Normalise various elements (unset margins, borders etc)
 */

body { font-size: 62.5%; } /* make 1em equal 10px */
html { overflow-y: scroll; } /* show scrollbar in Fx */
* { margin: 0; padding: 0; } /* unset default spacings */
a img { border: 0; } /* unset default border for linked images */
input, textarea, select, button { font-size: 1em; } /* IE treats this differently */
option { padding-left: 4px; } /* make Fx match IE (rule not applicable in IE) */
ul { margin-left: 0; padding-left: 0; list-style: none; }
a { text-decoration: none; }
th { text-align: left; }

/*
 * Generics, defauls, shared
 */

body { background: #eef7fa url(../images/body-bg.gif) left top repeat-x; }
body, input, select, textarea, button { font-family: arial, sans-serif; color: #333; }
a { color: red; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { font-weight: normal; }

/* Match IE6 margins with Firefox */
input.checkbox { vertical-align: bottom; }
* html input.checkbox { margin: -2px -3px -3px -4px; }
*:first-child+html input.checkbox { margin: -2px -3px -3px -4px; }

/* Form-fields */
input.text,
textarea {
	padding-top: 3px;
	padding-left: 4px;
	background: white url(../images/textbox-bg.gif) left top no-repeat;
	border: solid #ddd;
	border-width: 0 1px 1px 0;
	font-size: 13px;
	color: #333;
}
input.text.defaulted, textarea.defaulted { color: #999; }
select { font-size: 13px; border: 1px solid #ddd; }

/* Invalid form-fields */
input.text.invalid,
textarea.invalid,
select.invalid,
ul.invalid input
{
	background-color: #fffde8;
	background-position: -600px top; 
 }
.validate-form-invalid { color: #b40000; display: none; }
.invalid-intresse{margin:14px 14px 10px 14px;}
.validate-form-response { display: none; }

/* Common (box-) headers */
#secondary-content .section h2,
#suggestion-tabs li,
.entrances .entrance h2,
#discussions h2,
#secondary-navigation-heading,
#comments h3 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 9px 12px;
}

/* Buttons */
.button, .button span { background: url(../images/button-bg.gif) left top no-repeat; display: block; float: left; cursor: pointer; }
.button { color: white; padding-left: 10px; font-size: 12px; font-weight: bold; }
.button span { background-position: right top; padding: 4px 10px 4px 0; }
.navbutton { font-size: 14px; background-position: left -71px; }
.navbutton span { background-position: right -71px; padding: 5px 10px 7px 0; }

/* Paging */
.paging { float: left; font-size: 12px; font-weight: bold; }
.paging ul { float: left; }
.paging li { float: left; margin-right: 3px; }
.paging .button { background-position: left -139px; }
.paging .button span { background-position: right -139px; padding-bottom: 6px; }
.paging .button.active { background-position: left -165px; }
.paging .button.active span { background-position: right -165px; }

/* Rich text */
.richtext p, .richtext ul, .richtext ol, .richtext blockquote, .richtext table { font-size: 14px; line-height: 17px; margin-bottom: 16px; }
.richtext a { color: #008ba4; }
.richtext h2 { font-size: 18px; line-height: auto; margin-bottom: 7px; font-weight: bold; }
.richtext h3 { font-size: 14px; line-height: 17px; margin-bottom: 5px; font-weight: bold; }
.richtext blockquote {
	color: #008ba4;
	font-size: 16px;
	font-style: italic;
	background: url(../images/blockquote-bg.gif) left top no-repeat;
	padding: 26px 30px 0 0;
}
.richtext blockquote p { background: url(../images/blockquote-bg.gif) right bottom no-repeat; padding: 0 0 35px 60px; }
.richtext ul { list-style-type: disc; }
.richtext ul, .richtext ol { margin-left: 20px; }
.richtext li, .richtext ul ul, .richtext ul ol, .richtext ol ul, .richtext ol ol { margin-bottom: 0; margin-top: 5px; }
.richtext table { border-collapse: collapse; }
.richtext th, .richtext td { border: 1px solid #ccc; padding: 6px 12px; font-size: 12px; font-weight: normal; vertical-align: top; }
.richtext th { color: #666; }
.richtext img { margin-top: 4px; margin-bottom: 4px; vertical-align: top; }

.richtext hr { color: #ffffff; border: none; border-top: 1px solid #b7d8e2; height: 0; margin-bottom: 13px; }
* html .richtext hr { margin-top: -7px; margin-bottom: 0; }
*:first-child+html .richtext hr { margin-top: -7px; margin-bottom: 0; }

.richtext img.left { float: left; margin: 0 8px 4px 0; }
.richtext img.right { float: right; margin: 0 0 4px 8px; }
.richtext p.caption { color: #666; font-size: 11px; line-height: 13px; margin-bottom: 17px; }
.richtext table.styled th { background-color: white; }
.richtext table.styled td { background-color: #eef7fa; }
.richtext table.noborder th, .richtext table.noborder td { border: none; padding: 4px 8px 4px 0; }

/* Facts-boxes */
.richtext.facts, .richtext.facts h2 { background: url(../images/section-bg.gif) -440px bottom repeat-x; }
.richtext.facts { margin-bottom: 20px; float: left; }
.richtext.facts h2 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	border-bottom: 1px solid #b7d8e2;
	padding: 9px 13px 6px 13px;
	background-position: -440px top;
}
.richtext.facts a { color: #00677d; }
.richtext.facts p { padding: 7px 13px 0 13px; font-size: 12px; line-height: 18px; }

/* Image-title */
#main #imagetitle { background-repeat: no-repeat; padding-top: 159px; margin-bottom: 13px; background-repeat: no-repeat; }
#main #imagetitle h1 { color: white; padding: 11px 18px 15px 18px; margin-bottom: 13px; background: url(../images/imagetitle-bg.gif) left bottom no-repeat; }
#main #imagetitle #preamble { font-size: 14px; line-height: 17px; }
#main #imagetitle.preamble-inside { padding-top: 194px; background-color: #0092ac; margin-bottom: 21px; }
#main #imagetitle.preamble-inside h1 { background: none; margin-bottom: 0; padding-bottom: 6px; }
#main #imagetitle.preamble-inside #preamble { color: white; padding: 0 18px 19px 18px; background: url(../images/imagetitle-bg.gif) left bottom no-repeat; }

/* Forms */
.form { float: left; width: 235px; padding-bottom: 20px; }
.form label { font-size: 10px; text-transform: uppercase; color: #3b3b39; display: block; padding-bottom: 2px; }
.form input, .form textarea { width: 225px; margin-bottom: 7px; }
.form a.button { float: right; background-position: left -191px; }
.form a.button span { background-position: right -191px; }
.form .validation-errors { font-size: 12px; line-height: 17px; margin-bottom: 14px; color: #333; }
.form .validation-errors li { margin-left: 20px; list-style-type: disc; }

/*
 * Framework
 */

#container { width: 980px; margin: 0 auto; background: #fff; }
#primary-content { float: left; padding-left: 20px; }
#template-content { clear: both; float: left; width: 700px; }
#secondary-content { float: right; width: 220px; padding-right: 20px; margin-top: 3px; }
#footer { width: 910px; margin: 0 auto; padding: 0 15px; height: 100px; clear: both; }
 
/*
 * Top
 */

#header { height: 95px; margin: 0 20px 29px 20px; position: relative; }
#title { padding-top: 25px; float: left; }
#logotype { float: left; padding-left: 15px; }
#slogan { float: left; }
#services {
	background: #eef7fa url(../images/service-bg.gif) left bottom no-repeat;
	width: 299px;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 0;
	z-index: 2;
}
#service-menu { float: left; width: 299px; margin-top: 7px; padding-bottom: 8px; border-bottom: 1px solid #b7d8e2; }
#service-menu ul { float: right; }
#service-menu li { float: left; background: url(../images/service-menu-separator.gif) left 2px no-repeat; padding: 3px 15px 5px 23px; }
#service-menu li.first { background: none; }
#service-menu li a { color: #0a96b5; }
#translate { float: left; width: 271px; display: none; padding: 10px 14px; border-bottom: 1px solid #b7d8e2; }
#translate p { font-weight: normal; margin-bottom: 10px; }
#translate select { float: left; width: 180px; font-size: 12px; padding: 2px; }
#translate .button { background-position: left -191px; font-size: 12px; float: right; }
#translate .button span { background-position: right -191px; }
#pagesearch { float: left; padding: 15px 0 10px 14px; }
#pagesearch-query { float: left; width: 234px; padding-top: 6px; padding-bottom: 4px; font-size: 14px; }
#pagesearch-button { float: left; }

/*
 * Primary navigation
 */

#primary-navigation {
	margin-bottom: 15px;
	background: url(../images/primary-navigation.gif) left top no-repeat;
	font-size: 14px;
	font-weight: bold;
	float: left;
	height: 37px;
	width: 700px;
	clear: both;
}
#primary-navigation ul { float: left; padding-left: 10px; }
#primary-navigation li { background: url(../images/primary-navigation-separator.gif) left top no-repeat; float: left; }
#primary-navigation li.first { background: none; }
#primary-navigation li.active { background: url(../images/primary-navigation.gif) left -37px no-repeat; }
#primary-navigation a { color: white; display: block; line-height: 34px; padding: 0 12px; padding-top: 3px; }
#primary-navigation li.active a { background: url(../images/primary-navigation.gif) right -37px no-repeat; padding-right: 17px; margin-left: 3px; color: #0094af; }

/*
 * Footer
 */

#footer { background: url(../images/footer-bg.gif) left top no-repeat; font-size: 12px; font-weight: bold; color: #fff; padding-top: 9px; }
#footer a { color: #fff; }
#footer p { display: inline; }
#footer .about { float: right; }
* html #footer .about { margin-top: -15px; }
*:first-child+html #footer .about { margin-top: -15px; }

/*
 * Secondary navigation
 */

#secondary-navigation { margin-top: 5px; width: 220px; float: left; font-size: 12px; padding-bottom: 19px; }
#secondary-navigation-heading { background: url(../images/section-bg.gif) left top no-repeat; }
#secondary-navigation-menu { float: left; border-bottom: 1px solid #b7d8e2; margin-bottom: 21px; }
#secondary-navigation ul { float: left; }
#secondary-navigation li { background-color: #eef7fa; float: left; }
#secondary-navigation li a { border-top: 1px solid #b7d8e2; display: block; float: left; width: 194px; padding: 7px 13px 7px 13px; color: #008ea8; }
#secondary-navigation .active { background-color: white; font-weight: bold; }
#secondary-navigation li li { background-color: #dceff4; }
#secondary-navigation li li a { padding-left: 28px; width: 179px; }
#secondary-navigation li li li a { padding-left: 43px; width: 164px; }

/*
 * Primary content
 */

#breadcrumbs { float: left; width: 700px; margin-bottom: 9px; }
#breadcrumbs li {
	float: left;
	font-size: 11px;
	background: url(../images/breadcrumbs-separator.gif) left 3px no-repeat;
	padding-left: 8px;
	padding-right: 2px;
	color: #666;
}
#breadcrumbs li.first { background: none; padding-left: 0; }
#breadcrumbs a { font-weight: bold; color: #008ea8; }
#main { float: left; padding-left: 20px; width: 460px; overflow: hidden; }
#main h1 { font-size: 30px; color: #333; margin-bottom: 5px; line-height: 36px; font-family: arial, sans-serif; }
#preamble { font-size: 16px; padding-bottom: 12px; }
#main .richtext { padding-bottom: 5px; float: left; width: 460px; padding-top: 10px; }
#main .facts { width: 220px; float: right; margin-left: 20px; margin-top: 5px; }
#byline { padding-bottom: 25px; border-top: 1px solid #b5b6b7; font-size: 11px; padding-top: 7px; color: #666; position: relative; float: left; width: 460px; }
#pagecommands { position: absolute; top: 7px; right: 0; }
#pagecommands a { color: #00677d; padding-top: 2px; }
#pagecommands #sharethis_0 { float: left; }
#pagecommands a.stbutton { padding: 1px 7px 5px 22px; }
#pagecommands #print { float: left; background: url(../images/pagecommand-print.gif) left 2px no-repeat; padding-left: 21px; }
 
/*
 * Secondary content
 */

/* Sections (boxes) */
#secondary-content .section { margin-bottom: 20px; background: url(../images/section-bg.gif) left bottom no-repeat; padding-bottom: 1px; }
#secondary-content .section h2 { background: url(../images/section-bg.gif) left top no-repeat; margin-bottom: 10px; }
#secondary-content .section .richtext a { color: #00677d; }
#secondary-content .section .richtext p,
#secondary-content .section .richtext ul,
#secondary-content .section .richtext ol { font-size: 12px; margin-left: 13px; margin-right: 13px; line-height: 18px; }
#secondary-content .section .richtext ul,
#secondary-content .section .richtext ol { margin-left: 30px; }
#secondary-content .section .richtext select { width: 100%; margin-bottom: 3px; }
#secondary-content .section.action { background-position: -220px bottom; }
#secondary-content .section.action h2 { background-position: -220px top; }
#secondary-content .section.action .richtext a { color: #6a7505; }
#secondary-content .section.action .richtext hr { border-top-color: #b7c72a; }

/* Login */
#section-login-form { position: relative; height: 82px; padding-left: 13px; padding-right: 13px; margin-bottom: 4px; }
.section-login-box { margin-bottom: 6px; width: 81px; }
#section-login-userbox { margin-right: 7px; }
#section-login-passbox { position: absolute; left: 113px; top: 0; }
#section-login-form label {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
	color: #6a7505;
}
#section-login-form input { width: 86px; padding-top: 4px; padding-bottom: 3px; }
#secondary-content #section-login-forgotpass { font-size: 11px; font-weight: bold; color: #737d12; }
#section-login .button { position: absolute; right: 13px; top: 48px; }
#secondary-content #section-login ul { margin-left: 13px; padding-bottom: 6px; }
#secondary-content #section-login li {
	background: url(../images/secondary-content-actioncheck.gif) 2px 2px no-repeat;
	padding-left: 28px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
}

/* Flickr */
#section-flickr { padding: 7px 0 13px 14px; }
#section-flickr-main, #section-flickr-prev, #section-flickr-next { display: block; border: 3px solid white; }
#section-flickr-main { margin-bottom: 12px; width: 184px; }
#section-flickr-prev, #section-flickr-next { margin-bottom: 13px; }
#section-flickr-prev { float: left; margin-right: 26px; }
/* Resize image using percent so it works in IE 6+7+8 */
#section-flickr-main { width: 89%\9 }
#section-flickr-main { height: 89%\9 }

/* My pages */
#section-mypages, #section-system { position: relative; width: 220px; }
#section-mypages .button { position: absolute; top: 6px; right: 13px; background-position: left -48px; }
#section-mypages .button span { background-position: right -48px; }
#secondary-content #section-mypages .richtext p, #secondary-content #section-system .richtext p { color: #848e2c; line-height: 17px; }
#secondary-content #section-mypages .richtext a, #secondary-content #section-system .richtext a { color: #848e2c; font-size: 12px; font-weight: bold; }

/* Area description */
#section-areadesc p { margin-bottom: 8px; }
#section-areadesc table { margin-left: 13px; width: 190px; margin-bottom: 8px; line-height: 18px; }
#section-areadesc th, #section-areadesc td { border: 0; padding: 0; }
#section-areadesc th { font-weight: bold; color: #333; }
#section-areadesc .numeric { text-align: right; white-space: nowrap; }
#section-areadesc-more { display: none; }
#section-areadesc-seemore {}

/*
 * Start
 */

/* Announce */
#announce { margin-bottom: 15px; position: relative; height: 294px; overflow: hidden; width: 700px; padding-top: 3px; }
#announce-tabs { position: absolute; right: 19px; z-index: 1; }
#announce-tabs li.announce-tab {
	background: url(../images/announce-tab-bg.gif) left top no-repeat;
	width: 24px;
	height: 21px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-top: 4px;
	float: left;
	margin-left: 4px;
	cursor: pointer;
}
#announce-tabs li.active { background-position: -28px top; color: #0085a1; }
#announce-slides { position: relative; width: 9999px; }
#announce-slides li.announce-slide { float: left; }

/* Suggestions */
#suggestions { margin-bottom: 10px; background: url(../images/suggestion-slides-bg.gif) left bottom no-repeat; float: left; }
#suggestion-tabs { float: left; }
#suggestion-tabs li.suggestion-tab { 
	float: left;
	background: url(../images/suggestion-tabs.gif) left top no-repeat;
	width: 206px;
	cursor: pointer;
	padding-top: 14px;
}
#suggestion-tabs li.suggestion-tab.active { background: url(../images/suggestion-tabs.gif) left -39px no-repeat; color: #0085a1; width: 216px; }
#suggestion-slides { float: left; }
#suggestion-slides .suggestion-slide { display: none; float: left; padding: 20px 1px 22px 1px; width: 698px; font-size: 12px; color: #00677d; }
#suggestion-slides .suggestion-slide.active { display: block; }
#suggestion-slides .suggestion-slide p { padding: 0 18px 10px 18px; }
#suggestion-slides .suggestion-slide a { color: #00677d; }
#suggestion-slides .suggestion-slide p a { text-decoration: underline; }
#suggestion-slides .suggestion-slide img.right { float: right; border: 3px solid white; margin-left: 15px; margin-bottom: 15px; }

/* Suggestions: properties */
.suggest-properties { float: left; padding-left: 18px; display: none; }
.suggest-properties.active { display: block; }
.suggest-properties li { float: left; width: 120px; margin-left: 15px; }
.suggest-properties li.first { margin-left: 0; }
.suggest-properties a { display: block; }
.suggest-properties img { display: block; border: 3px solid white; margin-bottom: 6px; }
.suggest-properties span {
	background: url(../images/suggest-properties-bullet.gif) 2px 5px no-repeat;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}
.suggest-properties-selection { float: left; border-top: 1px solid #b7d8e2; padding-top: 10px; margin-top: 14px; width: 698px; }
.suggest-properties-selection a { color: #00677d; }
.suggest-properties-selection-paging { float: left; padding-left: 19px; }
.suggest-properties-selection-paging li {
	background: url(../images/suggest-properties-selection-paging.gif) left top no-repeat;
	width: 24px;
	height: 20px;
	padding-top: 4px;
	float: left;
	font-size: 14px;
	color: white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-right: 4px;
}
.suggest-properties-selection-paging li.active { background-position: right top; }
.suggest-properties-selection-browse { float: right; padding-right: 22px; margin-top: 2px; }
.suggest-properties-selection-browse li {
	float: left;
	font-size: 14px;
	background: url(../images/suggest-properties-selection-separator.gif) left 3px no-repeat;
	padding-left: 15px;
	margin-left: 12px;
}
.suggest-properties-selection-browse li.first { background: none; }

/* Entrances */
.entrances { margin-bottom: 19px; float: left; background: url(../images/entrance-bg.gif) left bottom repeat-x; }
.entrances .entrance { margin-left: 20px; width: 220px; float: left; padding-bottom: 8px; }
.entrances .entrance.first { margin-left: 0; }
.entrances .entrance h2 { background: url(../images/entrance-bg.gif) left top no-repeat; }
.entrances .entrance-text { margin: 7px 19px; color: #00677d; }
.entrances .entrance-text p { font-size: 12px; line-height: 18px; margin-bottom: 5px; }
.entrances .entrance-text a { color: #00677d; }
.entrance-link {cursor:pointer;}

/* Discussions */
#discussions {
	background: url(../images/discussions-bg.gif) -700px bottom no-repeat;
	color: #00677d;
	float: left;
	width: 700px;
	position: relative;
	border-bottom: 19px solid white;
}
#discussions h2 { background: url(../images/discussions-bg.gif) -700px top no-repeat; padding-bottom: 36px; }
#discussions .discussion { padding-left: 27px; width: 202px; float: left; padding-bottom: 65px; }
#discussions .discussion.first { padding-left: 22px; }
#discussions .discussion p { font-size: 12px; line-height: 18px; margin-bottom: 14px; padding: 0 14px; }
#discussions .discussion p a { color: #00677d; display: block; }
#discussions .discussion-byline { position: absolute; bottom: 5px; }
 
/*
 * Gallery
 */

#gallery { padding-top: 10px; margin-bottom: 6px; float: left; position: relative; }
#gallery-prev, #gallery-next {
	background: url(../images/gallery-arrows.gif) left bottom no-repeat;
	width: 23px;
	height: 33px;
	position: absolute;
	top: 110px;
	cursor: pointer;
	display: none;
}
#gallery-prev { left: 0; }
#gallery-next { right: 0; background-position: -23px bottom; }
#gallery-prev.unavailable { background-position: left top; }
#gallery-next.unavailable { background-position: -23px top; }
#gallery-images, #gallery-captions, #gallery-thumbs { float: left; width: 460px; }
#gallery-images { margin-bottom: 3px; }
#gallery-images li { display: none; }
#gallery-images li.active { display: block; }
#gallery-captions li { font-size: 11px; line-height: 13px; color: #666; display: none; }
#gallery-captions li.active { display: block; }
#gallery-thumbs { float: left; padding: 10px 0 17px 0; border-bottom: 1px solid #b5b6b7; display: none; }
#gallery-thumbs li { float: left; overflow: hidden; width: 92px; height: 65px; cursor: pointer; }
#gallery-thumbs li.active { width: 84px; height: 57px; border: 4px solid #0899b7; }
#gallery-thumbs li.active img { margin-top: -4px; margin-left: -4px; }
 
/*
 * Comments
 */

#comments, #comment-listing, #post-comment { float: left; width: 460px; }
#comments { font-size: 12px; line-height: 16px; background: url(../images/comments-bg.gif) left top no-repeat; border-bottom: solid 15px white; }
#comments h3 span { font-weight: normal; }
#comment-intro { padding: 10px 15px 18px 15px; border-bottom: 1px solid #b7c72a; margin-bottom: 12px; }

/* Posts */
#comment-listing { padding-bottom: 7px; background: #eef3c6; }
#comment-listing li { background: url(../images/comments-bg.gif) -460px top no-repeat; float: left; width: 460px; }
#comment-listing p { padding: 11px 30px 2px 30px; }
.comment-post-meta { background: url(../images/comments-bg.gif) -460px bottom no-repeat; padding: 33px 17px 10px 17px; }
.comment-post-meta strong { padding-right: 4px; }
.comment-post-meta .posted { padding-right: 5px; }
.comment-post-meta a {
	color: #00677d;
	font-weight: bold;
	background: url(../images/comment-post-separator.gif) left 2px no-repeat;
	padding-left: 9px;
	cursor: pointer;
}

/* Forms */
.comments-form-buttons { float: right; }
#comments .validate-form { padding: 7px 15px; float: left; }
#comments label { text-transform: uppercase; font-size: 10px; display: block; margin-bottom: 1px; }
#comments input { margin-bottom: 5px; width: 160px; }
#comments textarea { width: 417px; height: 68px; margin-bottom: 10px; }
#comments .validate-form-invalid { margin-bottom: 10px; }
#comments .validate-form-response { padding: 10px 12px 6px; font-weight: bold; }

/* Report comment */
#comment-listing li.comment-post-report { background: #eef3c6; border-bottom: 1px solid #b7c72a; margin-bottom: 10px; display: none; }
#comment-listing li.comment-post-report h3 { color: #333; }
#comment-listing li.comment-post-report .validate-form-response { float: left; width: 460px; }

/* Post comment */
#post-comment { background: url(../images/comments-bg.gif) left top no-repeat; padding-bottom: 6px; }

/*
 * Property
 */

#property-buttons { padding-left: 4px; padding-bottom: 10px; float: left; width: 460px; }
#property-buttons .button { margin-right: 10px; color: white; }

/*
 * Traderoom
 */

#traderoom { background: url(../images/traderoom-bg.gif) left bottom no-repeat; margin-bottom: 16px; float: left; width: 460px; }
#traderoom h2 {
	background: url(../images/traderoom-bg.gif) left top no-repeat;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #b7d8e2;
	padding: 10px 13px;
}
#traderoom-buttons { padding: 15px 13px; float: left; }
#traderoom-buttons .button { margin-right: 19px; }
.traderoom-button-submit { float: left; padding: 0px 0px 14px 14px; margin-left: 0px; }
.traderoom-action { display: none; float: left; width: 420px; border-top: 1px solid #b7d8e2; padding: 18px 15px 10px; }
.traderoom-action h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
.traderoom-form { width: 215px; float: left; }
.traderoom-form label { text-transform: uppercase; display: block; padding-bottom: 2px; }
.traderoom-form input { width: 211px; margin-bottom: 8px; }
.traderoom-form a.button { float: right; background-position: left -190px; }
.traderoom-form a.button span { background-position: right -190px; padding-bottom: 5px; }
.traderoom-explanation { width: 178px; float: right; font-size: 12px; line-height: 15px; margin-top: 5px; }
.traderoom-explanation p { margin-bottom: 13px; }
.traderoom-explanation p a { color: #0092ac; }
#traderoom-button-forgotpass { display: block; margin-bottom: 4px; }

#traderoom-searchresults { border: 1px solid #60a8bd; float: left; width: 458px; font-size: 12px; margin-top: 15px; margin-bottom: 20px; }
#traderoom-searchresults h2 { font-size: 16px; font-weight: bold; padding: 9px 15px; border-bottom: 1px solid #b7d8e2; }
#traderoom-searchresult-newsearch { color: #00677d; padding: 7px 15px 9px; margin-bottom: 15px; border-bottom: 1px solid #b7d8e2; display: block; }
.traderoom-searchresult { padding: 0 15px 18px; line-height: 18px; }
.traderoom-searchresult h3 { font-size: 14px; font-weight: bold; color: #00677d; padding-bottom: 4px; }
.traderoom-searchresult-info { font-weight: bold; }
.traderoom-searchresult-moreinfo { color: #00677d; font-weight: bold; margin-top: 4px; display: block; }
.traderoom-searchresult-details { display: none; }
#traderoom-searchresults .paging-stat { border-top: 1px solid #b7d8e2; padding: 7px 15px 0; font-weight: bold; }
#traderoom-searchresults .paging { padding: 8px 15px 14px; }

/*
 * Search properties
 */

.search-properties {
	background: url(../images/search-properties-bg.gif) left top no-repeat;
	font-size: 12px;
	float: left;
	margin-top: 9px;
	width: 460px;
	margin-bottom: 15px;
}
.search-properties-form { float: left; padding-bottom: 23px; }
.search-properties-form h2 { font-size: 16px; font-weight: bold; padding: 14px 0 0 14px; float: left; width: 432px; }
.search-properties-form strong { display: block; margin-bottom: 5px; }
.search-properties-form li { margin-bottom: 5px; white-space: nowrap; }
.search-properties-form input { clear: left; }
.search-properties-form input.text { margin-bottom: 5px; width: 100px; }
.search-properties-form select { width: 137px; margin-bottom: 5px; }
.search-properties-form label { color: #00677d; font-weight: bold; padding-left: 3px; }
.search-properties-form .column { float: left; padding-left: 14px; margin-top: 14px; }
.search-properties-area.column { width: 104px; }
.search-properties-zone.column { width: 128px; padding-right: 14px; border: 1px solid #b7d8e2; border-width: 0 1px; }
.search-properties-zone.column ul { height: 125px; border: 1px solid #737373; overflow-y: scroll; background: white; padding: 7px 7px 0 7px; }
.search-properties-filter.column { width: 160px; }
.search-properties-buttons { float: left; width: 432px; padding: 0 14px 14px; background: url(../images/search-properties-bg.gif) left bottom no-repeat; }
.search-properties-buttons a.button { float: right; background-position: left -191px; }
.search-properties-buttons a.button span { background-position: right -191px; }

#search-properties-description { margin-left: 14px; float: left; }
#search-properties-description label { color: #333; padding-bottom: 2px; display: block; }
#search-properties-description textarea { width: 420px; margin-bottom: 10px;}
#search-properties-description input.wide { width: 420px;}
#search-properties-filter-zone ul { height: 217px; }

#search-properties-contact { margin: 14px 0 0 14px;  float: left;}
#search-properties-contact label { color: #333; padding: 0 0 2px 0; display: block; }
#search-properties-contact input, #search-properties-contact textarea  { width: 300px; margin: 0 0 5px 0;}

#search-properties-buttons { float: left; padding-left: 14px; position: relative; top: 1px; }
#search-properties-buttons.noresults { width: 446px; padding-bottom: 14px; background: url(../images/search-properties-bg.gif) left bottom no-repeat; }
#search-properties-buttons a { margin-right: 14px; }
#search-properties-buttons .tabactive { background-position: left -100px; color: #0085a1; }
#search-properties-buttons .tabactive span { background-position: right -100px; padding-bottom: 19px; font-size: 14px; }
#search-properties-buttons a.nobutton { color: #0085a1; font-weight: bold; padding-top: 5px; display: block; float: left; }
#search-properties-results {
	float: left;
	width: 458px;
	background: white url(../images/search-properties-bg.gif) right bottom no-repeat;
	padding: 10px 1px 25px 1px;
	border-top: 1px solid #60a8bd;
}
#search-properties-buttons strong{display:block;margin-bottom:5px;}
#search-properties-results h2 { font-size: 16px; font-weight: bold; padding: 0 14px 9px 14px; border-bottom: 1px solid #b7d8e2; }

#search-properties-results-list-sort { border-bottom: 1px solid #b7d8e2; float: left; width: 430px; font-weight: bold; color: #00677d; padding: 7px 14px 9px 14px; }
#search-properties-results-list-sort strong { color: #333; }
#search-properties-results-list-sort span { color: #666; }
#search-properties-results-list-sort a { color: #00677d; }
#search-properties-results-list-hits { float: left; padding: 19px 17px 0 17px; width: 424px; border-bottom: 1px solid #b7d8e2; }
#search-properties-results-list-hits li { float: left;  line-height: 18px; font-weight: bold; padding-bottom: 22px; }
#search-properties-results-list-hits li img { float: left; margin-right: 22px; }
#search-properties-results-list-hits li p { float: left; width: 288px; }
#search-properties-results-list-hits li strong { color: #00677d; font-size: 14px; display: block; margin-bottom: 6px; }
#search-properties-results-list-hits li a { color: #00677d; }
#search-properties-results-list-hitcounts { float: left; width: 444px; padding: 7px 0 8px 14px; font-weight: bold; }
#search-properties-results-list .paging { margin: 0 0 0 14px; }

#search-properties-results-map { float: left; border-bottom: 1px solid #b7d8e2; }
#search-properties-results-map img { display: block; }

/*
 * Property-watch
 */
#property-panel-error-message { display: none; float: left; width: 420px; border-top: 1px solid #b7d8e2; padding: 8px 15px 10px; }
#property-panel-error-message p { color: Red; font-size: 11px; }

#property-panel-serverside-message { float: left; width: 420px; border-top: 1px solid #b7d8e2; padding: 8px 15px 10px; font-weight: bold; font-size: 12px; }
#property-panel-serverside-message .info { font-weight: bold; }
#property-panel-serverside-message .error { font-weight: normal; color: Red; font-size: 11px; }
  

/*
 * Listing
 */

#listing { float: left; width: 460px; padding-top: 21px; margin-top: 6px; border-top: 1px solid #b5b6b7; }
#listing ul { float: left; }
#listing li { float: left; width: 460px; font-size: 14px; line-height: 17px; padding-bottom: 27px; }
#listing li img { float: left; padding-right: 12px; }
#listing a { font-weight: bold; color: #0085a1; display: block; margin-top: 3px; }

/*
 * Search
 */

#search-results { font-size: 16px; border-bottom: 1px solid #b5b6b7; padding-top: 3px; padding-bottom: 18px; }
#search-hits { float: left; width: 460px; padding-bottom: 20px; }
#search-hits .listing { font-size: 14px; padding-top: 19px; padding-bottom: 15px; }
#search-hits .listing li { position: relative; padding-bottom: 16px; line-height: 17px; }
#search-hits .listing a { color: #00677d; }
#search-hits .listing span { position: absolute; }
#search-hits .listing p { padding-top: 2px; }
#search-hits .listing strong,
#search-hits .listing p { margin-left: 33px; }
#search-hits .paging { padding-top: 20px; width: 460px; border-top: 1px solid #b5b6b7; }

/*
 * Area
 */

.zone-dropdowns { float: left; width: 460px; margin-bottom: 15px; }
.zone-dropdown { float: left; width: 460px; background: white url(../images/zonedropdown.gif) left bottom no-repeat; padding-bottom: 5px; margin-bottom: 6px; }
.zone-dropdown h2 {
	background: white url(../images/zonedropdown.gif) right top no-repeat;
	color: #00677d;
	font-size: 14px;
	font-weight: bold;
	padding: 11px 0 6px 18px;
	cursor: pointer;
	display: block;
}
.zone-dropdown.down h2 { background-position: left top; }
.zone-content { display: none; padding: 7px 18px 22px; font-size: 12px; line-height: 18px; }
.zone-content img { border: 3px solid white; float: left; margin-right: 16px; }
.zone-content .zone-description { margin-bottom: 16px; float: left; width: 424px; }
.zone-content strong { display: block; margin-bottom: 10px; }
.zone-content table { border-collapse: collapse; width: 241px; }
.zone-content th, .zone-content td { border: 1px solid #b7d8e2; padding: 1px 9px 2px 9px; }
.zone-content th.numeric, .zone-content td.numeric { text-align: center; width: 29px; }
.zone-content th { background: #ddeef3; }
.zone-content td { background: #f8fcfd; }
.zone-content ul { float: right; width: 160px; font-weight: bold; }
.zone-content li { padding: 1px 0; }
.zone-content a { color: #00677d; }

/*
 * Error-report
 */

.error-report { float: left; width: 460px; margin-bottom: 45px; padding-bottom: 10px; background: url(../images/search-properties-bg.gif) left bottom no-repeat; }
.error-report h2 { font-size: 14px; font-weight: bold; padding-bottom: 13px; }
.error-report-form { float: left; width: 432px; padding: 13px 14px 9px; background: url(../images/search-properties-bg.gif) left top no-repeat; }
.error-report-item { margin-bottom: 15px; }
.error-report select { width: 194px; display: block; margin-bottom: 3px; }
.error-report label { text-transform: uppercase; font-size: 10px; display: block; padding-bottom: 2px; }
.error-report textarea { width: 424px; margin-bottom: 15px; height: 79px; }
.error-report input.text { width: 211px; }
.error-report-contactmethod { margin-top: 14px; }
.error-report-telephone { float: right; margin-bottom: 9px; }
.error-report a.button { float: right; background-position: left -190px; clear: both; }
.error-report a.button span { background-position: right -190px; padding-bottom: 5px; }

/*
 * Vara fastigheter
 */

#varafastigheter { float: left; margin-top: 9px; }
#varafastigheter-form-wrapper { float: left; background: white url(../images/search-properties-bg.gif) left bottom no-repeat; padding-bottom: 26px; margin-bottom: 24px; }
#varafastigheter-form { float: left; width: 422px; background: white url(../images/search-properties-bg.gif) left top no-repeat; font-size: 12px; padding: 18px 19px 0; }
#varafastigheter-form label { font-weight: bold; display: block; padding-bottom: 4px; }
#varafastigheter-form select { width: 189px; margin-bottom: 11px; }
#varafastigheter-form input.text { margin-bottom: 9px; width: 190px; }
#varafastigheter-form p { font-size: 11px; margin-bottom: 5px; margin-left: 3px; width: 180px; }
#varafastigheter-form-filter { float: left; width: 201px; }
#varafastigheter-form-search { float: right; width: 195px; border-left: 1px solid #b7d8e2; padding-left: 15px; }
#varafastigheter-form a.button { background-position: left -191px; float: right; }
#varafastigheter-form a.button span { background-position: right -191px; }

#varafastigheter-form-wrapper.withresults { background: none; padding-bottom: 0; margin-bottom: 0; }
#varafastigheter-form-wrapper.withresults #varafastigheter-form { padding-bottom: 20px; }
#varafastigheter-sokresultat { float: left; width: 458px; border: 1px solid #60a8bd; padding-bottom: 20px; margin-bottom: 20px; }
#varafastigheter-sokresultat h2 { font-size: 16px; font-weight: bold; padding: 9px 18px; }
#varafastigheter-sokresultat table { border-collapse: collapse; font-size: 12px; line-height: 18px; font-weight: bold; width: 458px; }
#varafastigheter-sokresultat th, #varafastigheter-sokresultat td { vertical-align: top; }
#varafastigheter-sokresultat th { padding: 6px 0 7px 18px; background: #e9f3f6; border: solid #b7d8e2; border-width: 1px 0; white-space: nowrap; }
#varafastigheter-sokresultat td { padding: 4px 8px 4px 18px; }
#varafastigheter-sokresultat a { color: #00677d; }

#varafastigheter-vardeomraden { width: 460px; float: left; }
#varafastigheter-vardeomraden img { margin-bottom: 10px; }
#varafastigheter-vardeomraden table { border-collapse: collapse; font-size: 12px; line-height: 18px; margin-bottom: 24px; width: 460px; }
#varafastigheter-vardeomraden th, #varafastigheter-vardeomraden td { vertical-align: top; border: 1px solid #b7d8e2; padding: 2px 8px; }
#varafastigheter-vardeomraden th { background: #e9f3f6; font-weight: bold; }

/*
 * Sok bovard
 */

#varafastigheter-form #sokbovard { width: 360px; }
#varafastigheter-form #sokbovard input { width: 355px; }
#varafastigheter-sokresultat td.nobr { white-space: nowrap; }
#secondary-content .section.plain { background: none; }

/*
 * Contact
 */

.contact-section-wrapper { float: left; width: 460px; margin-bottom: 11px; padding-bottom: 10px; background: url(../images/search-properties-bg.gif) left bottom no-repeat; }
.contact-section { float: left; width: 422px; padding: 18px 19px 9px; background: url(../images/search-properties-bg.gif) left top no-repeat; }
.contact-section h2 { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
.contact-section h3 { font-size: 12px; font-weight: bold; }
.contact-section ul { list-style-type: disc; margin: 0 0 10px 20px; font-size: 12px; }
.contact-section a { color: #0085a1; }
.contact-section p { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
.contact-section input, .contact-section select { float: left; width: 150px; margin-bottom: 10px; }
.contact-section a.button { margin-left: 8px; color: white; background-position: left -191px; }
.contact-section a.button span { background-position: right -191px; }

.contact-section-tabs, .contact-section-tabcontent { float: left; width: 402px; clear: both; }
.contact-section-tabs { font-size: 12px; font-weight: bold; position: relative; top: 1px; margin-top: 10px; }
.contact-section-tabs ul { float: left; margin: 0; list-style-type: none; }
.contact-section-tabs li { float: left; padding: 4px 13px 5px 9px; background: url(../images/contact-section-tabs-inactive.gif) right center no-repeat; }
.contact-section-tabs li a { }
.contact-section-tabs li.last, .contact-section-tabs li.beforeactive { background-image: none; }
.contact-section-tabs li.active { background-color: #fff; border: 1px solid #b7d8e2; border-width: 1px 1px 0; background-image: none; }
.contact-section-tabs li.active a { color: #333; border-right: none; }
.contact-section-tabcontent { font-size: 12px; background-color: #fff; border: 1px solid #b7d8e2; padding: 8px 9px 3px; display: none; }
.contact-section-tabcontent.active { display: block; }

#select-areaoffice { float: none; }
.select-areaoffice { display: none; padding-top: 10px; }
#main #lokaluthyrare { display: none; width: 432px; }
#lokaluthyrare table { margin-bottom: 0; }
#lokaluthyrare td { border: none; padding: 0 6px 6px 0; }


}

/*
 * Print
 */

@media print {

#slogan,
#services,
#primary-navigation,
#breadcrumbs,
#secondary-navigation,
#pagecommands,
#secondary-content,
#footer .about { display: none; }

* { margin: 0; padding: 0; }
body { font-size: 14px; font-family: sans-serif; color: black; background-color: white; }
h1, h2, h3, h4, h5, h6 { }
a { color: #00677d; }
h2 { font-size: 26px; line-height: 26px; margin-bottom: 20px; }
h3 { font-size: 14px; line-height: 19px; font-weight: bold; }
img { margin-bottom: 15px; border: 0; }
p, ul, ol, table { margin-bottom: 15px; clear: both; }
ul { list-style-type: disc; }
ul, ol { margin-left: 25px; }
li, ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; margin-top: 3px; }
table { border-collapse: collapse; }
th, td { border: 1px solid #eee; padding: 2px; vertical-align: top; }

.caption { font-size: 12px; }
img.left { float: left; margin: 0 8px 4px 0; }
img.right { float: right; margin: 0 0 4px 8px; }

#gallery { margin-bottom: 20px; }
#gallery ul { margin-left: 0; margin-bottom: 0; }
#gallery li { display: none; }
#gallery-images li.active, #gallery-captions li.active { display: block; }
#gallery-captions { font-size: 12px; }

#byline { border-top: 1px solid black; }

}

#id_matrix, #id_matrix tr, #id_matrix th, #id_matrix td
{
	border-collapse:collapse;
	border-style:none;
}
#id_matrix label
{
	font-weight:bold;
	display:block;
}
#id_matrix a.button
{
	background: url(../images/button-bg.gif) no-repeat left -191px;
	float:right;
}
#id_matrix a.button span
{
	background:url(../images/button-bg.gif) no-repeat right -191px;
	color:#ffffff;
}

