/* Rentalot Plus front end css, version 7.03 */

/* force sensible field widths */

div.rentalot input, div.rentalot textarea {width: auto !important;}
div.rp_search_panel input {width: auto !important;}

/* Unit search plugin */

.rp_search_plugin {
	width: 310px;
	padding:5px;
	background-color: #E8E8E8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:solid 1px #8B9DB8;
	color:black;
	}
.rp_search_plugin h3 {margin:5px;}
.rp_search_form label {float: left; text-align: right; line-height:1.8em; width: 6em; margin-right: 0.5em; }
.rp_search_error {font-size:smaller; font-weight:bold; color: red; margin-left:5px;}
.rp_search_from {clear:both; margin: 0 0 3px 0;}
.rp_search_to {clear:both; margin: 0 0 3px 0;}
.rp_search_sleeps {clear:both; margin: 0 0 3px 0;}
.rp_search_buttons {clear:both;margin: 3px;}
.rp_search_response {clear:both; margin: 3px !important; min-height:16px; font-weight:bold; }
.rp_search_yes {display:none; }
.rp_search_no  {clear:both;color:red; font-size:smaller; background: url(no.png) no-repeat left center; margin-left: 5px; padding-left: 25px;}
.rp_search_loading {background: url(loading.gif) no-repeat left center !important; height:16px;}
.rp_search_attribs {clear:both;}
.rp_search_attrib_table {width:100%; border:none !important;}
.rp_search_attrib_table tr {border:none; vertical-align:top;}
.rp_search_attrib_table td {padding: 0 5px 0 5px; border:none;}
.rp_search_attrib_table td input {float:none;}
.rp_search_attrib_table td label {float:none;width:auto; line-height:normal; margin-left:5px;}

/* these are used if you put the search plugin in a module with a module class suffix of " rp_module" */

.rp_module div.rp_search_plugin {width: auto; color: black; background-color: #E8E8E8;}

/* Block view */

.rp_block_table       {border-collapse:separate; border:0px; width:100%;}
.rp_block_table td    {border: 2px solid gray; padding: 5px 12px 5px 12px;}
td.rp_block_prov      {background: #FED206 url(button-question.png) no-repeat 10px bottom;}
td.rp_block_booked    {background: #CE0000 url(button-cross.png) no-repeat 10px bottom;}
td.rp_block_available {background: #639A31 url(button-tick.png) no-repeat 10px bottom; }
td.rp_block_empty     {border:none;}
.rp_enq_icon          {background: transparent url(mail.png) no-repeat bottom right; height:20px; width: 32px; display:inline-block;}
.rp_book_icon         {background: transparent url(book.png) no-repeat bottom right; height:20px; width: 32px; display:inline-block;}
.rp_block_from        {display: block; height:20px; overflow:hidden; text-align:left;  color: white;}
.rp_block_to          {display: block; height:20px; overflow:hidden; text-align:right; color: black;}
.rp_block_price       {display: block; height:20px; color:white; font-weight: bold;}
.rp_block_links       {display: block; height:20px; float:right; }

/* Check availability plugin */

.rp_check_plugin {
	width: 310px;
	background-color: #D5EEFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:solid 1px #8B9DB8;
	}
.rp_check_plugin h3 {margin:5px;}
.rp_check_form {clear: right;}
.rp_check_form label {display: block; clear:both; float: left; text-align: right; line-height:1.8em; width: 6em; margin-right: 0.5em; }
.rp_check_error {font-size:smaller; font-weight:bold; color: red; margin-left:5px;}
.rp_check_unit {clear:both; margin: 3px;}
.rp_check_currency {clear:both; margin: 3px;}
.rp_check_curr_sel {float:right;}
.rp_check_unit_sel {float:right;}
.rp_check_from {clear:both; margin: 3px;}
.rp_check_to {clear:both; margin: 3px;}
.rp_check_buttons {clear:both;margin: 3px;}
.rp_check_response {clear:both; margin: 3px; min-height:16px; font-weight:bold; }
.rp_check_yes {clear:both;color:green; font-size:smaller; background: url(yes.png) no-repeat left center; margin-left: 5px; padding-left: 25px; }
.rp_check_no  {clear:both;color:red; font-size:smaller; background: url(no.png) no-repeat left center; margin-left: 5px; padding-left: 25px;}
.rp_check_loading {background: url(loading.gif) no-repeat left center !important; height:16px;}

/* these are used if you put the check plugin in a module with a module class suffix of " rp_module" */

.rp_module div.rp_check_plugin {width: auto; color: black; background-color: #E8E8E8; }

/* The search panel used by the Unit Search Component View */

.rp_search_panel {
	min-width: 550px;
	background-color: #D5EEFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 7px;
	border:solid 1px #8B9DB8;
	}
.rp_search_nothing {background: url(no.png) no-repeat left center; margin: 20px 0 0 5px; padding-left: 25px;}

/* attributes on the search panel drawn by the component view */

table.rentalot_attribute_table    {margin-top:5px; padding: 2px; text-align:left; border:none !important;}
table.rentalot_attribute_table tr {border:none !important;}
table.rentalot_attribute_table td {border:none !important; vertical-align:top;}
table.rentalot_attribute_table td input {margin-right:5px;}

/* enquiry Captcha */

div.rp_captcha {padding: 8px 0 2px 10px;}
div.rp_captcha label {vertical-align: top;}
div.rp_captcha input {vertical-align: top;}
img.rp_captcha_img   {margin: 0 5px 0 5px; border: 1px solid gray;}
img.rp_captcha_reload {vertical-align: top; margin-top: 12px; cursor:pointer;}

/* the booking form */

.rpps_tax {font-size: 75%; }	
.rpps_due {font-weight: bold; }

.rp_extra_desc2 {font-size:smaller;}

/* Check availability results */

.rentalot_check_message_yes {color:green; font-weight:bold; background: url(yes.png) no-repeat left center; padding-left: 25px; margin-left: 15px;}
.rentalot_check_message_no  {color:red; font-weight:bold; background: url(no.png) no-repeat left center; padding-left: 25px; margin-left: 15px;}

/* div surrounding currency and unit selectors */

.rentalot_selectors {float:right; margin:6px 12px 6px 12px;}

/* the classic availability table */

.rentalot_classic_table
	{border: 1px solid lightgray; border-collapse:collapse; margin-left:auto; margin-right:auto; background-color:#E8E8E8;}
.rentalot_classic_table tr.odd
	{background-color:#E8E8E8;}
.rentalot_classic_table tr.even
	{background-color:#C8D5E0;}
.rentalot_classic_table td
	{border:1px solid lightgray; padding:0 10px 0 10px; height:24px; color:black; text-align:center;}
.rentalot_classic_table th
	{border: 1px solid lightgray; height:34px; padding:0 5px 0 5px; text-align:center; 
	font-size: 1.25em; color: white; background: #7F9DB7 url(blue_hdr.png) repeat-x left center;}
.rentalot_classic_table th.rentalot_heading_from 
	{padding-left:32px; background: url(blue_date.png) no-repeat left center; }
.rentalot_classic_table td.rentalot_date_from 
	{text-align:left; padding-left: 15px; }
.rentalot_classic_table td.rentalot_date_to   
	{text-align:left; padding-left: 15px;}
.rentalot_classic_table td.rentalot_price 
	{ }
.rentalot_classic_table td.rentalot_provisional 
	{padding-left:35px; background:url(button-question.png) no-repeat 5px center; }
.rentalot_classic_table td.rentalot_booked 
	{padding-left:35px; background:url(button-cross.png) no-repeat 5px center; }
.rentalot_classic_table td.rentalot_available 
	{padding-left:35px; background:url(button-tick.png) no-repeat 5px center;}
.rentalot_enq_cell.rentalot_enq_cell 
	{ } 
.rentalot_classic_table td.rentalot_book_cell 
	{ } 
span.rentalot_enq_icon  
	{display:block; text-align:center; background:url(mail.png) no-repeat center center; }
span.rentalot_book_icon 
	{display:block; text-align:center; background:url(book.png) no-repeat center center; }

/* (for the demo site) suppress the Date To column when it appears in a div of class demo_cp1 (using the plugin) */

div.demo_cp1 td.rentalot_date_to    {display:none;}
div.demo_cp1 th.rentalot_heading_to {display:none;}

/* buttons */

.rentalot_buttons {display:inline-block; margin:6px 12px 6px 12px;}

button, input.rentalot_button {
	background:url('rp_button.png') repeat-x left center;
	border:1px solid #8B9DB8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	min-width:65px; margin:2px 2px 2px 5px; padding:3px; 
	font-size:1em; font-weight:bold; color:#36465f; cursor:pointer;
}
button:hover, input.rentalot_button:hover {background: url('rp_button_hover.png') repeat-x left center; }
button:disabled, input.rentalot_button:disabled {background: url('rp_button.png') repeat-x left center; color:#cecdcd; cursor:default;}

/* error messages on input forms */

.rentalot_error {font-size:smaller; font-weight:bold; color: red; margin-left:5px;}

/* extras */

.rentalot_extras_table
	{margin-left:30px;
	border-collapse:collapse; border:1px solid #CECACA; border-spacing: 0; 
	padding: 2px; text-align:left;}
.rentalot_extras_table td, 
.rentalot_extras_table th	
	{border:1px solid #CECACA; padding:2px 2px 2px 10px}

/* booking data */

.rentalot_border_table
	{margin-left:30px;
	border-collapse:collapse; border:1px solid #CECACA; border-spacing: 0; 
	padding: 2px; text-align:left;}
.rentalot_border_table td, 
.rentalot_border_table th	
	{border:1px solid #CECACA; padding:2px 2px 2px 10px}

/* all input forms */

.rentalot_non_border_table    {border-collapse:collapse; border:none !important; border-spacing: 0; padding: 2px; text-align:left;}
.rentalot_non_border_table tr {border:none !important;}
.rentalot_non_border_table td, 
.rentalot_non_border_table th {border:none !important; padding:2px 10px 2px 10px}

/* payment forms */

.rentalot_payment_table    {border-collapse: collapse; padding:12px; margin-top:10px;}
.rentalot_payment_table tr {border:1px solid #E7E3E3;}
.rentalot_payment_table td {padding:10px;}	
.rentalot_prepay_text      {padding:15px; }

/* the daily availability view */

table.rentalot_daily_outer    {border-collapse:collapse; border:none !important;}
table.rentalot_daily_outer tr {border:none !important;}
.rentalot_daily_table         {border-collapse:collapse; text-align:center;}
.rentalot_daily_table td      {border:2px solid #CECACA; width:14%; padding:2px 4px 2px 4px;}
.rentalot_daily_one           {display:inline-block; padding:2px 4px 2px 4px;}
.rp_daily_slider              {display:inline-block; padding:2px 4px 2px 4px;}
.rentalot_daily_select        {display:inline-block; float:right; padding:2px 0 2px 0;}
.rentalot_single_month        {display:inline-block;}
.rentalot_daily_month         {background-color:#869657; font-weight:bold; color:white;}
td.rentalot_daily_month_nb      {background-color:#869657; font-weight:bold; color:white;border-left:none;border-right:none;}
.rentalot_daily_days          {background-color:#B5CF9C; font-weight:bold;}
.rentalot_daily_blank         {background-color:#B5CF9C;}
.rentalot_daily_available     {background-color:#639A31;}
.rentalot_daily_provisional   {background-color:#FED206;}
.rentalot_daily_unavailable   {background-color:#CE0000;}
.rentalot_daily_past          {background-color:#800000;}
.rentalot_daily_changeover    {background-image:url(changeover.gif); background-repeat:no-repeat; background-position:bottom right;}
.rentalot_checkout_changeover {background-image:url(changeover2.gif); background-repeat:no-repeat; background-position:top left;}
.rentalot_daily_price         {font-size:smaller; padding:0 1px 0 1px;}
.rentalot_daily_key_table
	{border-collapse:collapse; margin-left:auto; margin-right:auto; padding: 2px;}
.rentalot_daily_key_table td, 
.rentalot_daily_key_table th	
	{border:1px solid #CECACA; padding:2px 2px 2px 10px}
	
.rpd_left_active    {background: #869657 url(arrow-l.gif) no-repeat center center; border-right: none !important; cursor:pointer;}
.rpd_left_inactive  {background: #869657; border-right: none !important;}
.rpd_right_active   {background: #869657 url(arrow-r.gif) no-repeat center center; border-left: none !important; cursor:pointer;}
.rpd_right_inactive {background: #869657; border-left: none !important;}

.rp_daily_key {display:inline-block;}

/* unit headings on the unit search pages */

.rentalot_unit_heading
	{font: italic 20px verdana, arial, sans-serif;
	color: #6B6C24;  margin: 12px 0 14px 0;  letter-spacing: -1px;   
	padding-top:4px; border-top:2px solid #CECACA; border-bottom:2px solid #CECACA;}
.rentalot_sleeps_heading
	{display:inline; color:#6B6C24; font: bold 12px verdana, arial, sans-serif; letter-spacing: normal;
	padding-left:5px; padding-right:10px;}
.rp_search_price_heading
	{display:inline; color:gray; font: bold 12px verdana, arial, sans-serif; letter-spacing: normal;
	padding-left:5px; padding-right:10px; float:right;}

/* div containing pagination links */

.rentalot_pagination {display:table; margin:0 auto; padding-top:10px; }

/* Tooltips: Joomla 1.5 uses tool-tip, tool-title and tool-text. Joomla 1.6+ use tip, tip-title and tip-text */

.tip-wrap {max-width: 400px !important; padding: 5px 5px 5px 5px !important; text-align: left !important; }
.tool-tip, .tip {float: left; padding: 5px 5px 5px 5px;	max-width: 400px; z-index: 50;
	background: black !important; border: 0px solid #c7c8b2; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; white-space:nowrap; }
.tool-title, .tip-title {color: white; padding: 5px; margin: 0 0 5px 0;	font-size: 90%; font-weight: bold;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tool-text, .tip-text {color: white; font-size: 85%; margin: 0; }

/* daily view interactive tooltips */

.rpd-wrap {z-index: 100;}
.rpd-wrap .tool-title, .rpd-wrap .tip-title {background:#E9E9E9; color: black;}
.rpd_selected_dates {color:gold;font-weight: bold; }
.rpd_check_loading  {background: url(loading.gif) no-repeat left center !important; display: inline-block; width:20px; line-height: 20px;}
.rpd_check_error    {background: url(red-spot-16.png) no-repeat left center; padding-left:20px; line-height: 20px;
	color:#CE0000;font-size: 80%; font-weight: bold; }
.rpd_check_no       {background: url(red-spot-16.png) no-repeat left center; padding-left:20px; color:white; line-height: 20px;}
.rpd_check_yes      {background: url(green-spot-16.png) no-repeat left center; padding-left:20px; line-height: 20px;
	color:whitesmoke; font-weight: bold; }
.rpd_click_start    {float:right; color:white; font-size: 80%; font-weight: bold; line-height: 80%;}
.rpd_click_end      {float:right; color:white; font-size: 80%; font-weight: bold; line-height: 80%;}
.rpd_click_book_enq {float:right; color:white; font-size: 80%; font-weight: bold;}