/* CSS Document */

.warning {
  color: #fff;
  background-color: #00B0DB;
  background-image: none;
  }

div.blockMsg {
  width:  30%;
  top:  20%;
  left:   30%;
  text-align: center;
  background-color: #000;
  border: 1px solid #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-filter: \\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\\"; 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
  -moz-opacity:.70;
  opacity:.70;
  padding: 15px;
  color: #fff;
}

.jomres_bt_tooltip_ajaxpage
  {
  float: left;
  }

.jomres_bt_tooltip_imageonly
  {
  float: left;
  padding: 5px;
  }
  
.jomres_bt_tooltip_room_type
  {
  float: left;
  padding: 5px;
  }

.jomres_bt_tooltip_features
  {
  float: left;
  padding: 5px;
  }
  
.jomres_bt_tooltip
  {
  float: left;
  }
  
.jomres_bt_tooltip_hover_content
  {
  width: 80px;
  text-align: center;
  border: 2px solid #666666;
  padding: 5px;
  background-color: #00FFFF;
  height: 45px;
  display: block;
  float: left;
  }
  
/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
  /*
  background-color: red !important;
   */
}
  
  
.panelwrapper 
  {
  text-align: left;
  }

.innerwrapper,
.jradmin_innerwrapper  
  {  
  width: 100%;
  }
  
div.address_info  { color: #000000;  background-color: #eeeeee; text-align: center; }
div.address_info a:link { color: #000000; text-decoration:underline;}
div.tab_panel_content  {  background-color: #FFFFFF; text-align: left; color: #000;}
div.tab_panel_content a:link { text-decoration:underline;}

.jomres_button {
  /*background: url(../images/jomres_button.gif) no-repeat;*/
  color: #ffffff;
  padding: 0;
  margin: 0 2px 2px 0;
  height: 23px;
  width: 150px;
  background-color: #00B0DB; 
  text-align: center;
  }

.jomres_button a:link, .jomres_button a:visited 
  {
  color: #ffffff;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 9px;
  font-weight: bold;
  padding: 0px 10px 0 20px;
  text-decoration: none;  
  height: 19px;
  line-height: 23px;
  text-transform: Uppercase;
  outline: 0;
  }
  
.jomres_button a:hover
  {
  color: #C00000;
text-transform: underline;
  }

.jomres_button_property_list {
  /*background: url(../images/jomres_button.gif) no-repeat;*/
  color: #ffffff;
  padding: 0;
  margin: 0 2px 2px 0;
  height: 23px;
  width: 230px;
  background-color: #00B0DB; 
  text-align: center;
  }

.jomres_button_property_list a:link, .jomres_button_property_list a:visited 
  {
  color: #C00000;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 9px;
  font-weight: bold;
  padding: 0px 10px 0 20px;
  text-decoration: none;  
  height: 19px;
  line-height: 23px;
  text-transform: none;
  outline: 0;
  }
  
.jomres_button_property_list a:hover
  {
  color: #C00000;
  text-transform: none;  
  }
  
.jomres_orderbox 
  {
  margin-top: 5px;
  }
  
.dateinput_button 
  {
  outline: 0;
  }  

.jomrestexteditable 
  {
  color: #99f;
  background-color: #fff;  
  }

#pathway_text {
  margin: 0;
  padding: 0;
  }
  
.pathway img {
  position: relative;
  top: 2px;
  left: 0;
  }
 
/*Property list*/
.propertylist {
  margin-bottom: 10px;
}  

.propertylist_info 
  {
  padding: 10px 5px 0px 5px;
  }    

.propertylist_left 
  {
  background-color: #FFFFFF;
  }

.pheadwrap 
  {
  background-color: #eeeeee;
  padding: 10px 5px 0px 5px;
  }
  
.propertylist_header 
  {
  width: 100%;
  height: 20px;
  line-height: 20px;
  background: #00B0DB;
  color: #ffffff;
  padding: 2px 5px 2px 5px;
  margin: 0;
  text-indent: 5px;
font-weight: bold;
  }

.propertylist_header a:link, .propertylist_header a:visited 
  {
  font-size: 12px;
  font-weight: bold;
  }

.propertylist_headerr 
  {
  padding: 0 5px 0;
  font-weight: bold;
  color: #135cae;
  font-size: 10px;
  text-align: right;
  }

.propertylist_desc 
  {
  }

.propertylist_discount
  {
  margin-bottom: 4px;
  }

.propertylist_right 
  {
  width: 250px;
  background: #f7f7f7;
  border-left: 1px solid #dddddd;
  }    

.propertylist_image a img 
  {
  margin: 0;
  padding: 0;
  }

.propertylist_rooms 
  {
  margin: 0 0 4px 0;
  }    

.propertylist_features 
  {
  margin: 0;
  float: left;
  }    

.propertylist_small
  {
  font-size: 11px;
  text-align: right;
  }

/*Property header*/
.header
  {  
  
  background: #00B0DB;
  margin-top: 5px;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  text-align: center;
  }

.header_property
  {
  color: #FFFFFF;
  font-size: 16px;
  text-indent: 5px;
  line-height: 20px; 
  text-align: left; 
  }

.header_image 
  {
  }

/* Property detail*/
.viewproperty {
  padding: 10px;
}  

.viewproperty_leftcol 
  {
  background: #ffffff;
  }

.leftinfo_title 
  {
  color: #000;
  text-transform: uppercase;
  font-weight: bolder;
  }

.leftinfo_content 
  {
  font-weight: normal;
  }

.viewproperty_rightcol 
  {
  background: #ffffff;
  padding: 10px 10px 0 10px;
  }
  
.rightinfo_title 
  {
  font-size: 10px;
  font-weight: bold;
  margin-top: 3px;
  }

.rightinfo_content 
  {
  font-size: 10px;
  font-weight: normal;

}
.detailedinfo_title  {  
  font-weight: bold;  
  font-size: 16px;  
  text-decoration: none;
         line-height: 140%;  
  margin: 0;  
  padding: 0 0 0 5px;  
  color: #00B0DB;
}

/* Booking form */  
.bformleftcol 
  {
  color: #000;
  background: #ffffff;
  vertical-align: top;
  }
  
.bformrightcol 
  {
  width: 150px!important;
  background: #f1f1f1;
  vertical-align: top;
  padding: 0;
  border: none;
  }
  
.bform_table 
  {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 5px;
  }

.bform_table th
  {
  background: #f7f7f7;
  color: #000;
  text-indent: 5px;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  }
  
.bform_small {
  font-size: .70em;
  color: #f1f1f1;
  font-weight: normal;
  text-align: left;
}

.bform_table td 
  {
  padding: 3px;
  }

.bform_table_totals 
  {
  background: #f1f1f1;
  border: 1px solid #666666;
  margin-bottom: 5px;
  }

.bform_table_totals th
  {
  background: #00B0DB;
  color: #fff;
  text-indent: 5px;
  font-size: 12px;
  height: 20px;
font-weight: bold;
  }
  
.bform_table_totals td 
  {
  padding: 3px;
  }

.bookingform_footer  
  {
  background: #f1f1f1;
  text-align: right;
  }

#availRooms
  {
  }

#selectedRooms
  {
  margin-bottom: 3px;
  margin-top: 3px;
  }
  
.broomslist_header 
  {
  } 

.broomslist 
  {
  padding: 3px;
  }

.roomslist_noroomsselected 
  {
  background-color: #fc0000;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  padding: 3px;
  margin: 0;
  }

div.roomsListInnerWrapper, div.roomsListWrapper
  {
  padding: 0;
  }
  
.roomslist_availabletext 
  {
  font-weight: bold;
  padding: 0;
  margin: 0;
  }

.roomslist_selectedtext   
  {
  font-weight: bold;
  padding: 0;
  margin: 0;
  }
  
.roomalert_off 
  {
  background: #f1f1f1;
  }  
  
/* The rooms list buttons as passed back in the booking form from the ajax */
#roombuttoncontainer 
  {
  text-align: left;
  width: 100px;
  }

#roombutton dl 
  { 
  list-style-type: none; 
  }

#roombutton dt 
  {
  list-style: none;
  text-align: left;
  margin-bottom: 2px;
  font-weight: normal;
  height: 25px;
  }

#roombutton dt a 
  {
  text-decoration: none;
  display: block;
  width: 135px;
  color: #000;
  background: url(../images/KeyCard.png) no-repeat;
  padding: 0 2px 0 5px;
  margin-left: 0px;
  text-align: right;
  }

#roombutton dt a:hover 
  {
  text-decoration: none;
  display: block;
  color: #000;
  background-image: url(../images/KeyCardAdd.png);
  background-repeat: no-repeat;
  text-align: right;
  }

#roombuttoncontainer_selected 
  {
  text-align: left;
  width: 100px;
  margin-bottom: 3px;
  }

#roombutton_selected dl 
  { 
  list-style-type: none; 
  }

#roombutton_selected dt 
  {
  list-style: none;
  text-align: left;
  margin-top: 2px;
  font-weight: normal;
  height: 25px;
  text-align: right;
  }

#roombutton_selected dt a 
  {
  text-decoration: none;
  display: block;
  width: 135px;
  color: #000;
  background-image: url(../images/KeyCardAdd.png);
  background-repeat: no-repeat;
  padding: 0 2px 0 5px;
  margin-left: 0;
  }

#roombutton_selected dt a:hover 
  {
  text-decoration: none;
  display: block;
  color: #fff;
  background-image: url(../images/KeyCardDelete.png);
  background-repeat: no-repeat;
  }

/* Booking confirmation */
.confirmation_table 
  {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 5px;
  text-align: left;
  }

.confirmation_table th
  {
  background: #00B0DB;
  color: #fff;
  text-indent: 5px;
  font-size: 12px;
  text-align: left;
font-weight: bold;
  }
  
.confirmation_table td 
  {
  padding: 1px 5px 1px 5px;
  }

.confirmation_special_req_header 
  {
  margin-top: 5px;
  text-indent: 5px;
  } 

.confirmation_special_req_foot 
  {
  font-size: 9px;
  }

.confirmation_gateway_header 
  {
  background: #f1f1f1;
  color : #fff;
  } 

.confirmation_gateway_foot 
  {
  text-align: right;
  }

/* Booking completed */
.completion_header 
  {
  background: #d9dee2;
  color : #000;
  }
  
.completion_content 
  {
  background: #fff;
  }
  
.completion_footer 
  {
  background: #d9dee2;
  }
  
/* Availability Calendars */
.availability_calendar_header 
  {
  background: #f1f1f1;
  color: #000;
  font-weight: bold;
  }

.availability_calendar_months 
  {
  background: #f1f1f1;
  color: #000;
  font-size: 10px;
  }
 
.availability_calendar_days  
  {
  background: #fff;
  }

.availability_calendar_calendars 
  {
  text-align: center;
  }

table .rescal, table .rescal_dashboard  
  {
  vertical-align: middle;
  text-align: center;
  } 

table .rescal th, table .rescal_dashboard th 
  {
  font-size: 9px;
  text-align: center;
  font-weight: normal;
  }

table .rescal td, .rescal td, table .rescal_dashboard td, .rescal_dashboard td 
  {
  width: 16px;
  height: 16px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 9px;
  border: 1px solid #ffffff;
  text-align: center;
  }

a.rescal:link, a.rescal:visited  
  {
  display: block;
  width: 16px;
  height: 16px;
  padding-top: 2px;
  font-size: 10px;
  }

a.rescal:hover  
  {
  background-color: white;
  color: black;
  }

 /* Show tariffs template */
.tariff_header 
  {
  background: #f1f1f1;
  color : #000000;
  }


/* Slideshows */  
.slideshow 
  {
  background: #f1f1f1;
  font-size: 11px;
  width: 100%;
  border-top: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  }

.slideshow_header 
  {
  background: #d9dee2;
  font-size: 11px;
  }

.slideshow_content 
  {
  background: #f1f1f1;
  font-size: 11px;
  }

.roomslist_header
   {
   background: #f1f1f1;
   color : #000;
   }

.jradmin_rowtoolbar   
  {
  width: 74px;  
  }
  
.jradmin_rowtoolbar table 
  {
  background: #d9dee2;
  }
  
.jradmin_wrapper 
  {
  width: 550px;
  }

.jradmin_table 
  {
  width: 100%;
  }
  
.jradmin_header_la, .jradmin_header_ca, .jradmin_header_ra,
.jradmin_subheader_la, .jradmin_subheader_ca, .jradmin_subheader_ra,
.jradmin_rowheader_la, .jradmin_rowheader_ca, .jradmin_rowheader_ra
  {
  text-align: center;
  padding-left: 5px;
  padding-right: 2px;
  height: 25px; 
  vertical-align: middle;
  }

.jradmin_header_la,
.jradmin_header_ca,
.jradmin_header_ra
  {
  background: #D6D8DB;
  color: #931638;
  }

.jradmin_subheader_la,
.jradmin_subheader_ca,
.jradmin_subheader_ra
  {
  background: #E8EAEE;
  color: #333333;
  }
  
.jradmin_rowheader_la,
.jradmin_rowheader_ca,
.jradmin_rowheader_ra
  {
  background: #F1F1F2;
  color: #931638;
  }
  
.jradmin_field_la,
.jradmin_field_ca,
.jradmin_field_ra,
.jradmin_rowtoolbar
  {
  background: #F6F7F8;
  color: #000000;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  }

.jradmin_header_la,
.jradmin_subheader_la,
.jradmin_rowheader_la,
.jradmin_field_la
  {
  text-align: left;
  }

.jradmin_header_ca,
.jradmin_subheader_ca,
.jradmin_rowheader_ca,
.jradmin_field_ca
  {
  text-align: center;
  }

.jradmin_header_ra,  
.jradmin_subheader_ra,
.jradmin_subheader_ra,
.jradmin_field_ra
  {
  text-align: right;
  }

.jomres_title 
  {
  color: #fffef9;
  font-weight: bold;
  background: #913638;
  text-align: center;
  line-height: 20px;
  }
  
.jomres_message 
  {
  color: #cc0000;
  font-size: 10px;
  line-height: 12px;
  }

div.block_ui_bookingform h3
  {
  font-size: 11px;
  text-align: center;
  padding-top: 10px;
  }
  
a.rescal:link, a.rescal:visited, tr.rescal, td.rescal {
  display : block;
  }
a.rescal:hover {
  background-color : grey;
  color : black;
  }
  
#jomresmenu a{
  text-decoration:none;
  border-color: #fff;
  }

#jomresmenu a:hover {
  text-decoration:none;
  border-color: #feff04;
  }