/* Development CSS */

html{
      background:#d4e8ee url(../../images/cloud-bg.jpg) top center repeat-y;   
 
}

body{

}

#doc4{

}

.yui-gf{
	background: url(../../images/content-top-bg.png) top no-repeat;
}

#bd{

	clear:both;
    background:url(../../images/left-bg.png) repeat-y left #fff;
}

#content-wrapper{
	background: url(../../images/content-bottom-bg.png) bottom no-repeat;
    min-height: 250px;
}

a{
	color:#57AC0B;
}

a:hover {
	color:#66d700;
}

.clear{
	clear:both;
}

.hidden{
    display:none;
}

hr{
    border:none;
}

h1{
	font-size:1.6em;
	font-weight:bold;	
	color:#00466E;
}

h2{
	font-size:1.9em;
	font-weight:bold;	
	color:#00466E;
}

h3{
	font-size:1.7em;
	font-weight:bold;	
	color:#00466E;
}

div.home-message{
	background:#F7FBFE;
	border:3px solid #EEEEEE;
	padding:5px;
	width:695px;
}

div.featured.box{
	margin-right:2px;
	text-align:center;
}

.yui-u.first h2.featured.title{
	margin-top:5px;
	padding:0px;
	font-size:1.2em;
}

a.featured.image img{
	border:#ccc 1px solid;
}

a.featured.continue{
	display:block;
}

div.featured.price-box{
	color:#000;
	margin:auto;
}

.yui-u.first a.featured.continue{
	width:100px;
	color:#fff;
	font-weight:bold;
	background:#FFA100;
	padding:3px;	
	margin:auto;
}

.yui-u.first a.featured.continue:hover{
	color:#fff;
}

span.featured.starting{
	font-weight:bold;
	padding:3px;
	display:block;
}

ul#top-menu{
	background:#FF9B31 url(../../images/tab-bg.png) no-repeat;
	float:right;
	margin-right:50px;
	margin-top:8px;
	padding:5px 10px;
	width:780px;
}

ul#top-menu li{
	padding:0px 6px;
	display:inline;
}

ul#top-menu li a{
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.yui-u.first ul li{
	margin-left:15px;
}

.yui-u{
    padding-top:10px;	
    padding-bottom:10px;	
}

.yui-u.first{
	-moz-border-radius-topleft:8px;
	padding-left:10px;
}

a.property-list{
	display:block;
}

div.first .yui-u.first{
    padding:5px;
}

li.temp-menu{
	display:inline;
}

ul#messages li{
	margin:15px;
	background:#e4f2ff;	
	padding:5px;
	border:1px #c3e1ff solid;
}

.yui-u.first a.remove{
	text-transform:uppercase;
	font-size:0.6em;
	color:#fff;	
	padding:1px;
	background:#ff9b31;
	position:relative;
	top:-2px;
}
.yui-u.first a.remove:hover{
	color:#fff;		
}

.yui-u.first{
	background:#e6ffda;
}

.yui-u.first ul{
	margin-bottom:15px;	
}

.yui-u.first h2{
	margin-top:15px;
	font-size:1.5em;
	font-weight:bold;
	color:#00466e;	
}

.yui-u.first h4{
	margin-top:15px;
	font-size:1.3em;
	font-weight:bold;
	color:#00466e;	
}

.yui-u.first a{
	color:#008fdd;
	font-weight:bold;
	text-decoration:none;
}

.yui-u.first a:hover{
	color:#5db532;
}

.yui-t5 #yui-main .yui-b {
	margin:0px;
}

#ft{
	margin: 10px 0;
	text-align: center;	
}

/*=======Form=========*/
form fieldset{
	margin:5px 15px 5px 5px;
}         

form label{
	font-weight:bold;
	font-size:1.3em;
	color:#333;	
}

form th {
    text-align : left;
}

ul.errorlist li{
    background:#DF7D7D; 
    border:1px solid #BF0000;
    color:#fff;
    padding:5px;
    margin:5px 5px 0px 5px
}

form.signup input[type="submit"], form.login input[type="submit"] {
    margin: 20px 0;
    font-size: 14pt;
}

input.button, button.button, a.pseudo-button{
    display:inline;
    text-decoration:none;
    color:#000;
	border:1px solid #ccc;
    padding:5px 10px;
	background: url(../../images/button.png) repeat-x scroll 0 0;
	cursor:pointer;		
}

input.button:hover, button.button:hover, a.pseudo-button:hover {
	opacity:0.8;	
}

input[type="text"], input[type="password"], select, textarea {
    padding: 3px;
    margin: 3px;
    border: solid 1px #C6C6C6;
    border-bottom: solid 1px #E3E3E3;
    color: #666;
    font-size: 12pt;
}

div.logo-text{
	height:72px;
	width:485px;
	margin-top:10px;
	float: left;
	background: url(../../images/logo-text.png) no-repeat;
}

div.logo-text h1{
	display: none;
}

a.logo{
	float: left;
	height:120px;
	width:120px;
	background: url(../../images/logo-icon.png) no-repeat;
}

/*======User Box=======*/

div.user-box{
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;    
    width:300px;
    background: #FFF;
    color:#008FDD;
    float:right;
    margin:15px 25px;
    padding:5px;
    text-align:right;
}

div.user-box a{
    color:#008FDD;
    font-weight:bold;
}

div.user-box a.add{
    display:inline;
    margin-left:80px;
    margin-right:12px;
}

/* Fieldsets */
fieldset { padding: 20px; margin: 0 0 1.5em 0; border: 2px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
 
.left-form {
    width: 360px;
    float: left;
    margin-right: 60px;
}
 
.right-form {
    width: 360px;
    float: right;
}
.right-form p {
    line-height: 21px;
}
.padtop {
    margin-top: 20px;
}
 
.signupform {
    float: left;
}
 
/* form toggle */
 
.form-toggle p {
    margin-bottom: 2px;
}
 
.form-toggle p span {
    background: #DEF;
    padding: 3px 6px;
    border-top: 1px solid #9BC;
    border-left: 1px solid #9BC;
    border-right: 1px solid #9BC;
    cursor: pointer;
}
 
.form-toggle form {
    padding: 3px 6px;
    margin: 0;
    background: #DEF;
    border: 1px solid #9BC;
}
 
.form-toggle input[type="submit"] {
}

/*======Homepage====================== */


/*====Property list====================*/
div.property-list.city-description{
	width:690px;
	background:#fffef5;
	margin:10px 0px;
	padding:10px;
	border:1px solid #fff8c5;
}

div.property-list.city-description h3{
	font-size:1.8em;	
	color:#666;
	font-weight:bold;
}

div.property-list.sorting{
	color:#333;
	padding-bottom: 3px;
}

div.property-list.sorting h4{
	font-weight: bold;
}

div.property-list.sorting a{
	color:#666;
	text-decoration: none;
	display: inline;	
	padding: 0px 5px;
}

span.property-list.sorting.title{
	margin: 0px 400px 0px 15px;
}

div.property-list.container{
	width:710px;
	border-bottom:1px solid #e0e0e0;
}

div.property-list.box{
	height:150px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	overflow:hidden;
}

div.property-list.box:hover{
	background:#f7fbfe;
}

h2.property-list.title{
	font-size:1.5em;
}

h2.property-list.title a{
	color:#1f9cde;
	text-decoration:none;
	margin-left:5px;
}

h2.property-list.title a:hover {
	color:#00466E;
}

h2.property-list.title span.type{
	font-size: 0.6em;
	color: #0F5174;
}

a.property-list.image{
	float:left;	
	margin:3px 8px;
	padding:0px;	
	height:auto;
}

a.property-list.image img{
	width:172px;
	border:1px solid #ccc;
	margin:0px;
	padding:3px;
	min-height:100px;	
	height:auto;
	display:block;
}

div.property-list.middle{
	float:left;
	width:350px;
	color:#3c3c3c;
}

div.property-list.description{
	height:93px;	
}

div.property-list.features{
	color:#0f5174;
	float:left;
	font-weight:bold;
	margin-top: 8px;
}

div.property-list.price-box{
	padding:5px 15px 0px;
	margin:0px 10px;
	float:right;
	width:100px;
	text-align:right;
	background:#ecf8ff;
	border:1px solid #A5C2E3;
}

.property-list.starting{
	font-size:1.6em;
	color:#00466E;
	display:block;
}

.property-list.price{
	font-size:1.5em;
	color:#008fdd;
	display:block;
}

.property-list.per-night{
	font-size:0.9em;
	color:#afafaf;	
}

a.property-list.continue{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	position:relative;
	top:8px;
	border:1px solid #ff9b31;
	padding:5px 3px;
	background:#ff9b31;
	text-align:center;
}
a.property-list.continue:hover{
	background:#ffa100;	
}

.property-list.count{
	margin:10px 5px;
	display:block;
	color:#0F5174;
	font-weight:bold;
}

/*====End Property list====================*/



/*====Start Property details====================*/

div.property-details.container{
	padding:10px;
	margin-bottom: 10px;
}

h2.property-details.title{
	color:#1F9CDE;
	font-size: 2em;
}

div#property-details-image-box{
	width:auto;
	position:relative;
}

div#property-details-image-box-outer{
	float:left;
	width:340px;
	margin:0px 0px 0px 0px;
	height:83px;
	overflow:hidden;
	position: relative;
	border:1px solid #ccc;
	border-top:none;	
}

img.property-details.image{
	display: block;
	float:left;
	border:1px solid #ccc;
	margin:25px 0px 0px;
	padding:5px 5px;
	width:360px;
	min-height:215px;		
}

img.property-details.more-images{
	margin:4px 8px 12px 8px;
	border:1px solid #ccc;
	width: 120px;
	float: left;
	cursor: pointer;	
}

h3.property-details.id{
	float: right;
	color: #666;
	margin: 0px 5px;
	font-size: 1.5em;
	display: block;
}

div.property-details.description{
	clear:both;
	color:#333;
	margin: 0px 0px;
	padding: 15px 0px;
}

div.property-details.details{
	color:#333;
	background: #ECF8FF;
	border:1px solid #A5C2E3;	
	padding: 5px;
	width:300px;
	float: right;
}

h4.property-details.details-title{
	font-weight: bold;
	color:#00466E;
	display:block;
	font-size:1.4em;
	width:50%;
	float: left;
}

div.property-details.booking{
	float:left;
	padding:15px 5px;
	width: 370px;
	text-align: center;
	color: #666666;
}

div.property-details.booking h4{
	margin: 15px auto 3px;
	width: 250px;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.property-details.owner a,
.property-details.zonder-booking a{
	float:left;
	background:#FF9B31;
	border:3px solid #ff9019;
	padding:10px 40px;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold; 
	text-decoration: none;
	margin: 35px 0 0 75px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;	
}

.property-details.zonder-booking a:hover {
	background:#ffb76a;	
}

ul.property-details.booking.contact{
	margin: auto;
	width: 250px;
	text-align: left;
	display: block;
}

ul.property-details li{
	display:block;
	padding:3px;
	font-weight: bold;
}


.property-details.price{
	clear:both;
	display:block;
	text-align: center;
	color: #666666;
	padding-top:5px;
	font-weight: bold;
	margin-bottom:10px;
}

.property-details.price h3{
	display: block;
	text-align: center;
	width: 250px;
	margin: 3px auto;
	font-size: 1.5em;
	font-weight: bold;
	color: #5DB532;
}

span#less-images, span#more-images{
	position: relative;
	width:12px;
	height:53px;
	float:left;
	text-decoration:none;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding-top:30px;
	color:#00466E;
	font-weight:bold;
	padding-left:2px;
	cursor:pointer;
}

span#more-images{
 	border-left:none;	
 	border-right:1px solid #CCCCCC;
}

#property-details-images{
	display:block;
	width:373px;
}

div.property-details.share{
	text-align:center;
	border-top: 1px solid #ccc;
}

div.property-details.share label{
	float:left;
	padding:5px 0;
	text-align:right;
	width:50px;
}

div.property-details.share input{
	margin-left:0px;
	width:220px;
	font-size:0.8em;
}

div.property-details.share fieldset{
	border:none;
	margin:0;
	padding:0;	
}

div.property-details.share h3{
	display: block;
	text-align: center;
	width: 250px;
	margin: 3px auto;
	font-size: 1.4em;
	font-weight: bold;
	color: #666;

}

/*====End Property details====================*/

/* backbutton  */
a.property-backbutton{
	color:#00466E;
	margin: 5px 0px;
	display: block;
	width: 120px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	background:#ECF8FF none repeat scroll 0 0;
	border:1px solid #A5C2E3;
}

a.property-backbutton:hover{
	color:#1F9CDE;
}

/* ====== Pagination ========= */
.pagination {
    margin: 10px 40px 10px 0;
    float:right;
}
.pagination .disabled {
    padding: 3px;
    color: #999;
    border: 1px solid #CCC;
}
.pagination .current {
    padding: 3px;
    color: #FFF;
    border: 1px solid #1F9CDE;
    background: #1F9CDE;
}
.pagination a {
    padding: 3px;
    text-decoration: none;
    border: 1px solid #A5C2E3;
    color: #3C3C3C;
    background: #ECF8FF;
}



.property-form .add{
    display:block;
    float: right;
}

.property-form input.submit{
    display:block;
    clear:both;
}

/* ====== Quick Search Form ========= */

form#quicksearch{
	text-align:right;
	width:660px;
	float:right;
}

form#quicksearch div.keyword{
	padding:0px 5px;
	float:left;	
}

form#quicksearch div.keyword input{
	width:300px;
}

form#quicksearch div.city{
	padding:0px 5px;
	float:left;	
}

form#quicksearch div.supplemental{
	clear:both;
	float:right;
}

form#quicksearch div.beds{
	padding:0px 5px;
	float:left;			
}

form#quicksearch div.bedrooms{
	padding:0px 5px;
	float:left;			
}

form#quicksearch div.bathrooms{
	padding:0px 5px;
	float:left;			
}

form#quicksearch input.submit{
	padding:5px 10px;
	font-size:1.3em;
	clear:both;
}

form#quicksearch h3.left{
	font-weight:bold;
	font-size:1.6em;
	padding:0px 5px;
	display:block;
	text-align:left;
}

form#quicksearch div.send{
	float:right;
}

ul.details-left{
	float:left;
	width:50%;	
}
ul.details-right{
	float:right;
	width:50%;	
}
div#details h4{
	font-weight:bold;
	font-size:1.3em;
}

.yui-u.first ul li a.active{
	color:#ff9b31;
}

div#home{
	background:#fff;
}

#page-content{
	padding:0px 20px;
}

#page-content h1, #page-content h2{
	margin-top:10px;	
}
#page-content ul{
	list-style:square inside;
	margin:10px 10px;
}
#page-content li{
	list-style:square inside;
}

/* ===== Tag Cloud ========== */

div.tag-cloud{
    text-align:center;
    width:50%;
    float:left;
    clear:both;
}

div.tag-cloud a{
    text-decoration:none;
    margin:0px 3px;
} 

/* ===== Feedback form ========== */
#feedback-form{
    margin-bottom:25px;
}

#feedback-form fieldset{
    border:none;
    margin:0px;
    padding:0px;
}

#feedback-form label{
    display:none;
}

#feedback-form #id_description{
    height:25px;
}

#feedback-form input#id_email{
    position:relative;
    right:64px;
    width:235px;
    display:none;
}

#feedback-form input.button{
    float:right;
    margin-bottom:0px;
    margin-right:300px;
    position:relative;
    top:-26px;
    display:none;        
}

#feedback-form div.message{
	margin:15px auto;
	background:#e4f2ff;	
	padding:5px;
	border:1px #c3e1ff solid;
    width:300px;
}

/*=====Beta Signup==== */
#betaform{
    float:left;
    width:50%;
    
}

#betaform h1{
    color:#FFA100;
    font-size:1.4em;
}

#betaform fieldset{ 
    border:none;
    margin-bottom:5px;
    padding:0px;
    
}

#betaform input.button{ 
    margin:auto;
    width:100px;
}

/*======Dashboard==== */
a.add-property{
    float:right;
    margin:5px 25px 5px 5px;
}

table#dashboard_properties{
    width:95%;
    margin:10px; 
    border:5px solid #ccc;
    padding:3px;
}

table#dashboard_properties th{
    padding:5px;
	color:#333;
    text-align:center;
    font-weight:bold;
    border-bottom:1px solid #ccc;  
    background:#EDEFE0;  
}

table#dashboard_properties tr{ 
    margin:5px 0px;
}

table#dashboard_properties td{
    border-right:1px solid #ccc;
    padding:15px 13px;
}

table#dashboard_properties td.center{
    text-align:center;
}      

table#dashboard_properties h5{
    font-weight:bold;
}

/*======Property Form========*/

form.property-form input#id_title{
	font-size:1.3em;
	padding:3px;	
	width:600px;
}

/*======Property Image Form======*/

ul#order_images{
    margin:5px;
}

li.image_order_form{
    border:1px solid #ccc;
    clear:both;
}

a.image.image_edit{
    float:left;
    margin:15px;
}

div.image_order_inputs{
    float:left;
    margin-top:50px;
}

/*======Profile Form========*/

a.change-password{
    float:right;
    margin:5px 5px 5px 5px;
}

form.profile-form{
    clear:both;
}

form.profile-form div#id_first_name_wrapper{
    float:left;
    width:50%;
}

form.profile-form div#id_last_name_wrapper{
    float:left;
    width:50%;
} 

form.profile-form div#id_phone_number_wrapper{
    float:left;
    width:50%;
}

form.profile-form input#id_phone_number{
    width:150px;
}

form.profile-form input#id_company_name{
    width:150px; 
}

form.profile-form div#id_company_name_wrapper{
    float:left;
    width:50%;
}  

form.profile-form input#id_homepage{
    width:520px;
}

form.profile-form #id_info{
    width:650px;
}

/*======Request Info Form========*/
#recaptcha_widget_div{
	margin:10px auto;
	width:450px;
}