/* CSS Document */



.warning {
  color: #000;
  background-color: #fce31d;
  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: \\&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\\&quot;;
 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 {
  margin: 0;
  padding: 0;
}
.jomres_bt_tooltip_imageonly img {
  border:#40A0C9 medium solid;
  padding: 2px;
}
.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 {
/*  background-color: #cccccc; */
  color: #000;
  padding: 5px 5px 5px 5px;
  margin-bottom: 10px;
}
.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: center;
  color: #000;
}
div.tab_panel_content a:link {
  text-decoration:underline;
}
/* For the new Jomres buttons and tabs (v4.4.1) We\\\'ll leave jomres_button in place in case somebody wants their old look, but it\\\'s officially depreciated */



  .fg-button {
  outline: 0;
  margin:0 4px 0 0;
  padding: .4em 1em;
  text-decoration:none !important;
  cursor:pointer;
  position: relative;
  text-align: center;
  zoom: 1;
}
.fg-button .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
}
a.fg-button {
  float:left;
}
/* remove extra button width in IE */

  button.fg-button {
  width:auto;
  overflow:visible;
}
.fg-button-icon-left {
  padding-left: 2.1em;
}
.fg-button-icon-right {
  padding-right: 2.1em;
}
.fg-button-icon-left .ui-icon {
  right: auto;
  left: .2em;
  margin-left: 0;
}
.fg-button-icon-right .ui-icon {
  left: auto;
  right: .2em;
  margin-left: 0;
}
.fg-button-icon-solo {
  display:block;
  width:8px;
  text-indent: -9999px;
}   /* solo icon buttons must have block properties for the text-indent to work */
.fg-buttonset {
  float:left;
}
.fg-buttonset .fg-button {
  float: left;
}
.fg-buttonset-single .fg-button,  .fg-buttonset-multi .fg-button {
  margin-right: -1px;
}
.fg-toolbar {
  padding-left: 5px;
  margin: 0;
}
.fg-toolbar .fg-buttonset {
  margin-top: 5px;
  padding-bottom: 5px;
}
.fg-toolbar .fg-button {
  font-size: 1em;
}
.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: #6e717a;
  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 {
}
.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: #6e717a;
  text-align: center;
}
.jomres_button_property_list a:link, .jomres_button_property_list 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_property_list a:hover {
}
.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: 5px;
}
.propertylist_info {
  /*padding: 10px 5px 0px 5px;*/

  padding: 0;
}
.propertylist_type {
  clear:left;
  padding: 5px;
}
.propertylist_left {
  background-color: fff;
}
.pheadwrap {
  background-color: #eeeeee;
  padding: 10px 5px 0px 5px;
}
.propertylist_header {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-indent: 5px;
}
.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 {
  padding: 5px;
}
.propertylist_discount {
  margin-bottom: 4px;
}
.propertylist_right {
  border-left: 1px solid #dddddd;
  background-color:#46A3CA;
}
.propertylist_image {
  width: 155px;
  padding-left:5px;
  padding-right: 5px;
}
.propertylist_image a img {
  margin: 0;
  padding: 0;
  border:medium solid #FFF;
  width: 150px;
  height:100%;
  text-align:right;
  float: left;
}
.propertylist_rooms {
  margin: 0 0 4px 0;
}
.propertylist_features {
  margin: 0;
  float: left;
}
.propertylist_small {
  font-size: 11px;
  text-align: right;
}
/*Property header*/

.header {
  height: 110px;
  background: #eeeeee;
  margin-top: 5px;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  text-align: center;
}
.header_property {
  color: #000000;
  font-size: 18px;
  text-indent: 10px;
  line-height: 50px;
  text-align: left;
}
.header_image {
}
/* Property detail*/

.viewproperty {
  margin-bottom: 5px;
}
.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;
}
.rightinfo_title {
  font-size: 10px;
  font-weight: bold;
  margin-top: 3px;
}
.rightinfo_content {
  font-size: 10px;
  font-weight: normal;
}
/* 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: #40A0C9  url(jquery_ui_themes/start/images/ui-bg_gloss-wave_25_2191c0_500x100.png) left no-repeat;
  color: #fff;
  text-indent: 5px;
  font-size: 1em;
  height: 25px;
}
.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: #40A0C9  url(jquery_ui_themes/start/images/ui-bg_gloss-wave_25_2191c0_500x100.png) left no-repeat;
  color: #fff;
  text-indent: 5px;
  font-size: 1em;
  text-align: left;
  height: 25px;
}
.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;
}
.srchPropertyList {
  background:  #FFF url(jquery_ui_themes/start/images/ui-bg_gloss-wave_75_2191c0_500x100.png) left no-repeat;
  height: 100px;
  padding:5px;
  margin-bottom: 10px;
  color:#FFF;
  font-weight:bold;
}
/* add space above search box on property list page */
#jomres_content_area {
  margin-top: 10px;
}