@import url(base.css);

div.item {
    margin-bottom: 0px;
}

div.item div {
    margin: 10px 0;
}

.main div.item .recaptchatable div {
    margin: 0;
}

.main .recaptchatable #recaptcha_response_field {
    height:auto;
    border-radius:0;
}

.item .itemLabel, .item .itemContent {
	display:inline-block;
}

.item .itemLabel {
	width:25%;
	text-align:right;
	vertical-align: top;
	padding-right:20px;
}

.item .itemContent {
    width: 70%;
}

.item .itemContent {
	margin-left:10px;
}

input.dialogueText { width: 100%; max-width: 300px; }
div.bookingForm select { width:100%; max-width:300px; }
textarea.dialogueTextArea { width: 100%; max-width: 300px; }
input[type='checkbox'], input[type='radio'] { border: none; }


.item .itemLabel p, .item .itemContent p {
	margin: 0;
}

.payment {
	left:25%;
}

/*   RIGHT TO LEFT FIXES */

.rtl .item .itemLabel {
	text-align: left;
	padding-right:0;
	padding-left: 20px;
}

@media (max-width: 800px) { 
	.item .itemLabel, .item .itemContent {
		display:block;
		padding:0;
	}

	.rtl .item .itemLabel {
		text-align: right;
		padding:0;
	}
	
	.item .itemLabel {
		width:100%;
		text-align:left;
		vertical-align: top;
		margin-bottom:10px;
	}
	
	.item .itemContent {
		width: 100%;
	}
	
	.item .itemContent {
		margin-left:0;
	}
	
	.payment {
		left:0;
	}
	
}