/*
 * Custom styles for zoekuwtweedehuis
 * Mattijs Hoitink
 * Voidwalkers.nl
 */

/* ------------------------------------------------- */
/*	General
/* ------------------------------------------------- */

	body {
		background: #fff url('../images/background_gradient.jpg') repeat-x top left;
		font-size: 11px;
		color: #4a5a42;
	}
	
	p {
		padding: 2px 0px;
	}
	
	#doc4 {
		background: #fff url(../images/doc-bg.jpg) no-repeat;
		background-position: top center;
		padding: 0px 8px;
	}
	
	strong {
		font-weight: bold;	
	}
	
	a:link, a:visited {
		color: #5A4A42;
	}
	a:hover {
		color: #6B605C;
		text-decoration: none;
	}
	
	a:link.inverted, a:visited.inverted {
		text-decoration: none;
	}
	a:hover.inverted {
		text-decoration: underline;
	}
	
	h1 { font-size: 130%; font-weight: bold; color: #E01350; }
	h2 { font-size: 120%; font-weight: bold; color: #5a4a42; }
	h3 { font-size: 110%; font-weight: bold; color: #E01950; }
	h4 { font-size: 90%; font-weight: bold; color: #5a4a42; }
	
	.header-big { font-size: 150%; }
	
	.grey { color: #5A4A42; }
	.pink, a.pink { color: #E01350; }
	.blue { color: #D5EFFE; }
	
	/* Buttons */
	/* normal button */
	.button-small, a.button-small, a:visited.button-small, 
	.button, a.button, a:visited.button, 
	.button-large, a.button-large, a:visited.button-large, 
	/* Pink version */
	.button_pink-small, a.button_pink-small, a:visited.button_pink-small, 
	.button_pink, a.button_pink, a:visited.button_pink, 
	.button_pink-large, a.button_pink-large, a:visited.button_pink-large
	{
		height: 28px;
		border: 0;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
	}
	/* Only applies to links with class button */
	a.button-small, a:visited.button-small, 
	a.button, a:visited.button, 
	a.button-large, a:visited.button-large,
	/* Pink version */
	a.button_pink-small, a:visited.button_pink-small, 
	a.button_pink, a:visited.button_pink, 
	a.button_pink-large, a:visited.button_pink-large
	 {
		display: block;
		color: #fff;
		text-align: center;
		line-height: 28px;
	}
	
	/* Black */
	.button-small, a.button-small, a:visited.button-small {
		width: 80px;
		background: transparent url('../images/buttons_black.png') no-repeat -3px 0px;
	}
	.button-small:hover, a:hover.button-small {
		background: transparent url('../images/buttons_pink.png') no-repeat -3px 0px;
	}
	
	.button, a.button, a:visited.button {
		width: 130px;
		background: transparent url('../images/buttons_black.png') no-repeat -102px 0px;
	}
	.button:hover, a:hover.button {
		background: transparent url('../images/buttons_pink.png') no-repeat -102px 0px;
	}
	
	.button-large, a.button-large, a:visited.button-large {
		width: 192px;
		background: transparent url('../images/buttons_black.png') no-repeat -250px 0px;
	}
	.button-large:hover, a:hover.button-large {
		background: transparent url('../images/buttons_pink.png') no-repeat -250px 0px;
	}
	
	/* Pink versions */
	.button_pink-small, a.button_pink-small, a:visited.button_pink-small {
		width: 80px;
		background: transparent url('../images/buttons_pink.png') no-repeat -3px 0px;
	}
	.button_pink-small:hover, a:hover.button_pink-small {
		background: transparent url('../images/buttons_black.png') no-repeat -3px 0px;
	}
	
	.button_pink, a.button_pink, a:visited.button_pink {
		width: 130px;
		background: transparent url('../images/buttons_pink.png') no-repeat -102px 0px;
	}
	.button_pink:hover, a:hover.button_pink {
		background: transparent url('../images/buttons_black.png') no-repeat -102px 0px;
	}
	
	.button_pink-large, a.button_pink-large, a:visited.button_pink-large {
		width: 192px;
		background: transparent url('../images/buttons_pink.png') no-repeat -250px 0px;
	}
	
	.button_pink-large:hover, a:hover.button_pink-large {
		background: transparent url('../images/buttons_black.png') no-repeat -250px 0px;
	}
	
/* ------------------------------------------------- */
/*	Head
/* ------------------------------------------------- */

	#hd {
		background-image: url('../images/head.jpg');
		background-repeat: no-repeat;
	}
	
	/* head navigation */
	#hd-nav ul {
		font-size: 100%;
		font-weight: bold;
		padding: 0 .6em;
		position:relative; /* IE quirks mode: relative */
	}
	#hd-nav ul li {
		padding: 0 1em;
		border-right: 2px solid #e01350;
	}
		#hd-nav ul li.first {}
		#hd-nav ul li.last { border: 0px; }
	#hd-nav ul li a, #hd-nav ul a:visited { color: #5A4A42; }
	
	#hd-subnav ul {
		padding: 0 .6em;
		position:relative; /* IE quirks mode: relative */
	}
	#hd-subnav ul li {
		padding: 0 1em;
		border-right: 1px solid #e01350;
	}
		#hd-subnav ul li.first {}
		#hd-subnav ul li.last { border: 0px; }
	#hd-subnav ul li a, #hd-subnav ul a:visited { color: #5A4A42; }

/* ------------------------------------------------- */
/*	Foot
/* ------------------------------------------------- */

	#ft {
		border-top: 1px solid #D3D2D0;
		background: #fff;	
	}
	
	#ft a {}
		#ft-left a, #ft-left a:visited { 
			font-size: 92%;
			color: #AB6C7F; 
		}
		#ft-right a, #ft-right a:visited { 
			font-size: 92%;
			font-weight: bold; 
			color: #666;
		}
	
	#ft-right .navset ul li {
		text-align: center;
	}
		#ft-right .navset ul li.first { text-align: left; }
		#ft-right .navset ul li.last { text-align: right; }	
	
/* ------------------------------------------------- */
/*	Block
/* ------------------------------------------------- */

	.block .hd-red {
		background-image: url('../images/top-red-narrow.jpg');
		background-repeat: no-repeat;
	}
	.block .hd-red-wide {
		background-image: url('../images/top-red-wide.jpg');
		background-repeat: no-repeat;
	}
	
	.block .hd-grey {
		background-image: url('../images/top-grey-narrow.jpg');
		background-repeat: no-repeat;
	}
	.block .hd-grey-wide {
		background-image: url('../images/top-grey-wide.jpg');
		background-repeat: no-repeat;
	}
	
	.block .hd-red h1, .block .hd-grey h1, .block .hd-red-wide h1, .block .hd-grey-wide h1 {
		font-size: 100%;
		font-weight: bold;
		color: #fff;
		padding: 0.7em 1.5em; /* */
	}
	.block .hd-red .hd-more, .block .hd-grey .hd-more, .block .hd-red-wide .hd-more, .block .hd-grey-wide .hd-more {
		padding: 0.7em 1.5em;
		color: #e01350;
	}
	.hd-more a, .hd-more a:visited {
		text-decoration: none;
		color: #fff;
	}
	.hd-more a:hover {
		color: #e01350;
	}
	
/* ------------------------------------------------- */
/*	Lists
/* ------------------------------------------------- */

/* property shortlist */
	.property-shortlist {}
	
	.property-shortlist-item {
		border-bottom: 1px solid #F7C4D3;
	}
	
	.property-shortlist-item:hover {
		background-color: #efefef;
                cursor: pointer;
	}
	
	.property-shortlist-item .mark {
		font-size: 140%;
		font-weight: bold;
		color: #E01252;
	}
	.property-shortlist-item .content h3 {
		font-size: 100%;
	}
	
/* property list */
	.property-list-hd-cap {
		background: #D5EFFE url(../images/plist-item-icon-hd.jpg) no-repeat;	
		text-align: center;
		color: #E01350;
		font-weight: bold;
	}
		.property-list-hd-sort .selected {
			font-weight: bold;
		}
		
	.property-list-ft-cap {
		background: #D5EFFE url(../images/plist-item-icon-ft.jpg) no-repeat;
		background-position: bottom left;
	}
	
	.property-list-item .property-list-item-checkbox {
		text-align: center;
		vertical-align: middle;
		line-height: 55px;
		background-image: url(../images/checkbox-stripe.jpg);
		background-repeat: repeat-y;	
	}
	
	.property-list-item-image-ctnr {
		border: 1px solid #5a4a42;
		line-height: 50px;
		text-align: center;
		vertical-align: middle;
	}
		.property-list-item-image-ctnr img {
			margin: 0 auto;
		}
		
	.property-list-item .property-list-item-description {
		border-bottom: 1px solid #4a5a42;
	}
	
	.property-list-item .property-list-item-icon {
		background-color: #D5EFFE;	
	}
	
	.property-list-item:hover, .property-list-item-pointer {
		cursor: pointer;
	}
	.property-list-item-highlight {
		cursor: pointer;
		background-color: #efefef;
	}
	
	/* news list */
	.news-list {
		margin: 0px;
	}
	.news-list ul, .news-list li {
		list-style: none;
	}
	
	.news-list-item {
		padding: 2px 0 5px 0;
		border-bottom: 1px solid #666;
	}
	
	/* links list */
	.links-list {
	
	}
		.links-list dd {
			margin-bottom: 1em;
		}

/* ------------------------------------------------- */
/*	Message bar
/* ------------------------------------------------- */

	.message-bar, .message-bar-wide {
		background-color: #efedec;
	}
		.message-bar-leftcorner {
			background-image: url(../images/corner-left.jpg);
			background-repeat: no-repeat;
		}
		.message-bar-rightcorner {
			background-image: url(../images/corner-right.jpg);
			background-repeat: no-repeat;
		}
	
	.message-bar-rightbutton { }
	.message-bar-rightbutton a, .message-bar-rightbutton a:visited {
		vertical-align: center;
		text-align: center;
		background: #efedec url(../images/button_off.jpg) no-repeat;	
		color: #fff;
		font-weight: bold;
	}
	.message-bar-rightbutton a:hover {
		background: #efedec url(../images/button_on.jpg) no-repeat;
	}
	
	.message-bar-transition, .message-bar-transition-wbg {
		line-height: 10px;
		font-size: 10px;
	}
	.message-bar-transition-wbg {
		background: #efedec url(../images/message-bar-transition.jpg) no-repeat;
	}

/* ------------------------------------------------- */
/*	Navigation
/* ------------------------------------------------- */

	.tabbed-nav li {
		
	}
	
	.tabbed-nav li a, .tabbed-nav li a:visited {
		display: block;
		height: 19px;
		line-height: 19px;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		background: #fff url(../images/tab.jpg) no-repeat;
		background-position: -1px 0;
		padding-top: 2px;
	}
	.tabbed-nav li a:hover {
		text-decoration: none;
		background: #fff url(../images/tab_selected.jpg) no-repeat;
		background-position: -1px 0;
	}
	
	.tabbed-nav li a.selected, .tabbed-nav li a:visited.selected {
		background: #fff url(../images/tab_selected.jpg) no-repeat;
		background-position: -1px 0;
	}
	
/* ------------------------------------------------- */
/*	Frontpage
/* ------------------------------------------------- */

	/* search */
	#frontpage-search {
		border: 1px solid #888;
	}
	
	#frontpage-search-form {
		border-bottom: 1px solid #888;
	}
	
	#frontpage-search-map {
		background-image: url('../images/map.jpg');	
		background-repeat: no-repeat;
	}
	
	/* weektip */
	#weektip, #ad-right {
		background-color: #D5EFFE;
	}
	#weektip .hd-grey {
		background-image: url('../images/top-grey-narrow-bg.jpg');	
	}

/* ------------------------------------------------- */
/*	Property sidebar (psb)
/* ------------------------------------------------- */
	
	.psb-details-head {
		background: #D5EFFE url(../images/property-sidebar-hd.jpg) no-repeat;
		padding-top: 1em;
	}
		.psb-details-title {
			text-align: left;
			padding: 1em;
		}
	
	.psb-details-price {
		background-color: #D5EFFE;	
	}
		.psb-details-price h2 {
			font-size: 150%;
			letter-spacing: 1px;
		}
		
		.psb-details-price h5 {
			color: #e01350;
			display: block;
		}
	
	.psb-details-features {
		background: #D5EFFE url(../images/property-sidebar-ft.jpg) no-repeat bottom left;
		padding-bottom: 1em;
	}
		.psb-details-features h5 {
			color: #e01350;
			display: block;
			font-weight: bold;
		}
	
	.details-table td {
		padding: 4px 0px 4px 2px;
		border-bottom: 1px solid #5a4a42;	
	}
	.details-table .label {
		color: #5a4a42;
	}
	.details-table .text {
		color: #e01350;
	}
	
	#semantic-result p {
		padding: 8px 15px;
		font-size: 90%;	
	}
	
	#search-pagination {
		padding: 8px 0px;	
	}
	.
	
	#pagecount a, #pagecount a:visited {
		text-decoration: none;
	}
	#pagecount a:hover {
		color: #e01350;
		text-decoration: underline;
	}
	#pagecount a.selected {
		color: #e01350;
	}
	
	#search-pagination #pagenavigation a, #search-pagination #pagenavigation a:visited {
		color: #e01350;	
		text-decoration: none;
	}
	#search-pagination #pagenavigation a:hover {
		text-decoration: underline;
	}
	
	#search-pagination a.currentPage, #search-pagination a:visited.currentPage {
		color: #E01950;
		font-weight: bold;
	}

/* ------------------------------------------------- */
/*	Property details
/* ------------------------------------------------- */

	.property-images-links {
		background: #D5EFFE url(../images/property-sidebar-ft.jpg) no-repeat bottom left;
		color: #e01350;
		padding: 1em;
	}
	
	.property-details-price {
		background-color: #D5EFFE;
		padding: 10px 5px;
	}
		.property-details-price h5 {
			color: #e01350;
		}
		.property-details-price h2 {
			font-size: 140%;
		}
	
	.property-details-grid {
		background-color: #D5EFFE;
	}
	.property-details-column {
		background-color: transparent;
	}
	
	.property-details-description {
		border-bottom: 1px solid #e01350;
		margin-bottom: 5px;
	}
		.property-details-description p {
			padding: 1em 0;
		}

/* ------------------------------------------------- */
/*	Property form
/* ------------------------------------------------- */

	#property-form {
		
	}
		#property-form-main {
			background-color: #D5EFFE;
		}
			#property-form-main .pfm-hd {
				background: #fff url(../images/property-form-main-hd.jpg) no-repeat;
			}
			#property-form-main .pfm-bd {
			
			}
			#property-form-main .pfm-ft {
				background: #fff url(../images/property-form-main-ft.jpg) no-repeat;
			}
		#property-form-sidebar {
			background-color: #D5EFFE;
		}
			#property-form-sidebar .pfs-hd {
				background: #fff url(../images/property-form-sidebar-hd.jpg) no-repeat;
			}
			#property-form-sidebar .pfs-bd {
			
			}
			#property-form-sidebar .pfs-ft {
				background: #fff url(../images/property-form-sidebar-ft.jpg) no-repeat;
			}
	#property-form-wide {
			background-color: #D5EFFE;
	}
		#property-form-wide .pfw-hd {
			background: #fff url(../images/property-form-wide-hd.jpg) no-repeat;
		}
		#property-form-wide .pfw-bd {
		
		}
		#property-form-wide .pfw-ft {
			background: #fff url(../images/property-form-wide-ft.jpg) no-repeat;
		}
		
	.property-form-content {
	
	}
		
	.property-form-table, .form-table {
	}
		.property-form-table th, .form-table th {
			font-weight: bold;
			padding-bottom: 6px;
			color: #e01350;
		}
		.property-form-table .label, .form-table .label {
			font-weight: bold;
			vertical-align: top;
			padding: 4px 2px 4px 0px;
		}
		.property-form-table .input, .form-table .input {
			padding: 4px 0px;
		}
		.property-form-table .input .styled-input, .form-table .input .styled-input {
			border: 1px solid #c2e6fe;
			padding: 1px 2px;
		}

	.table-controls {
		width: 100%;
		margin-bottom: 10px;
	}
	.table-controls td {
		text-align: center;
	}
	
/* ------------------------------------------------- */
/*	Standard page
/* ------------------------------------------------- */

	#textpage {}
	
	#textpage-main {}
		#textpage-main .tpm-bd { width: 100%; }
		
	.textpage-introtext {
		font-weight: bold;
		display: block;
		padding: 10px 0px;
	}
	.textpage-maintext img {
		float: left;
		padding: 8px;
	}
	
	#textpage-sidebar {
			background-color: #D5EFFE;
		}
			#textpage-sidebar .tps-hd {
				background: #fff url(../images/property-form-sidebar-hd.jpg) no-repeat;
			}
			#textpage-sidebar .tps-bd {
			
			}
			#textpage-sidebar .tps-ft {
				background: #fff url(../images/property-form-sidebar-ft.jpg) no-repeat;
			}
	.textpage-sidebar-links {
		color: #e01350;
		padding: 1em 0;
	}

/* ------------------------------------------------- */
/*	Aanbieder details tab
/* ------------------------------------------------- */

	.aanbieder-details-type {
		background-color: #D5EFFE;
		text-align: center;
	}
		.aanbieder-details-type-head {
			color: #E01350;
			font-weight: bold;
		}
		.aanbieder-details-type-image {}
		.aanbieder-details-type-text {}
		
/* ------------------------------------------------- */
/*	Sidebar items
/* ------------------------------------------------- */
	/*
	#faq {
			background-color: #D5EFFE;
	}
		#faq .faq-hd {
			background: #fff url(../images/property-form-wide-hd.jpg) no-repeat;
		}
		#faq .faq-bd {
		
		}
		#faq .faq-ft {
			background: #fff url(../images/property-form-wide-ft.jpg) no-repeat;
		}
		
	.faq-content ul li {
		padding: 4px 0px;
	}
	
	.faq-awnser {
		display: block;
		padding: 10px 0px;
	}
	.totop { color: #e01350; }
	*/
/* ------------------------------------------------- */
/*	Sidebar items
/* ------------------------------------------------- */
	#small-map {
		background-color: #efedec;
	}
	
	#small-map .hd {
		background-image: url(../images/grey-sidebar-hd.jpg);
		background-repeat: no-repeat;
		background-position: top right;	
	}
	
	#small-map .ft {
		background-image: url(../images/grey-sidebar-ft.jpg);
		background-repeat: no-repeat;
		background-position: top left;	
		line-height: 10px;
	}
	
	.map-frame {
		background: #fff url('../images/loading.gif') no-repeat center;
	}
		.map-frame iframe {
			border: 1px solid #C8CDC6;
		}
		
	.map-frame-big {
		background: #fff url('../images/loading.gif') no-repeat center;
	}
		.map-frame-big iframe {
			border: 1px solid #C8CDC6;
		}
	
	#sidebar-search-controls {
		padding: 8px;
	}
		#sidebar-search-controls h3 {
			margin-bottom: 4px;	
		}
		#sidebar-search-controls fieldset {
			width: 100%;
			padding: 6px 0px;
		}
		#sidebar-search-controls label {
			display: block;
			color: #e01350;
			font-weight: bold;
			margin-bottom: 2px;
		}
		#sidebar-search-controls select {
			width: 100%;
			margin: 2px 0px;
		}

/* ------------------------------------------------- */
/*	FAQ
/* ------------------------------------------------- */

	.faq-title {
		margin-bottom: 25px;
	}
	
	.faq-item {
		margin: 15px 0;
	}
	
	.faq-question {
		margin: 0;
	}
	
	.faq-awnser {
		margin: 0;
	}

/* ------------------------------------------------- */
/*	Messages
/* ------------------------------------------------- */

	.message {
		margin: 15px auto;
		width: 80%;
		padding: 10px;
		text-align: left;
	}
	
	.important {
		background-color: #FFFFAD;
	}
	
	.info {
		background-color: #EFEFFF;
	}
	
	.error {
		background-color: #FFDFDE;
	}
	
	.succes {
		background-color: #DEFFDE;
	}
	
/* ------------------------------------------------- */
/* Top 5 
/* ------------------------------------------------- */
.property-shortlist-item .up, .property-shortlist-item .down{
	background-repeat: no-repeat;
	background-position: 0px 20px;
	height: 40px;
	
} 
.property-shortlist-item .up{
	background-image: url("../images/stijger_icon.png");
} 
.property-shortlist-item .down{
	background-image: url("../images/daler_icon.png");
}
/* ------------------------------------------------- */
/*	Misc
/* ------------------------------------------------- */
ol.ordered-list{
	color: #E01350;
	font-weight: bold;
}
ol.ordered-list span{
	color: #4A5A42;
	font-weight: normal;
}
ol.ordered-list li{
	list-style: decimal inside;
}