/*

I will set an initial style for ALL Booking Engines
These can then be changed in the header for anyone
wanting different styles to match their website

*/

/*
creating global style for <select> 's rather than having duplicate inc.php files in includes dir.
EL -- #300403
*/

.BEhomeSearch {background-color: #FBDD62; font-size: 11px; border-style: solid; border-width: 1px; border-color: #000000; height: 18px; font-family: Verdana,Arial,sans-serif;}
.BEfabBookNow {height: 20; background-color: #DDDDDD; border-style: solid; border-width: 1px; border-color: #000000; BORDER-BOTTOM: #999999 2px solid; BORDER-RIGHT: #777777 2px solid; BORDER-LEFT: #CCCCCC 2px solid; BORDER-TOP: #CCCCCC 2px solid; font-size:10px; font-weight: bold; font-family: Verdana;}
.BEbookingConfirm {background-color: #568047; color: white; font-size: 10px; font-family: Verdana; height: 25px; border-style: solid; border-top-color: #98AF90; border-left-color: #98AF90; border-bottom-color: #2c4d20; border-right-color: #2c4d20;}
.BEbookingCancel {background-color: #006699; color: white; font-size: 10px; font-family: Verdana; height: 25px; border-style: solid; border-top-color: #6699cc; border-left-color: #6699cc; border-bottom-color: #003366; border-right-color: #003366;}


SELECT { font-family: verdana, arial; font-size: 11px;}
/* ---------- */

BODY, TD	{ font-family: Verdana, Arial, sans-serif; font-size:10px; }
.TIheader { font-family: verdana, arial; font-size: 10px; color: #FFFFFF; background-color: #336699 }
.TImain { font-family: verdana, arial; font-size: 10px; color: #000000; background-color: #FFFFFF }
.TIinput { font-family: verdana, arial; font-size: 10px; color: #000000; background-color: #FFFFFF }

.table { border: #000000 1px solid}

.BErooms { font-family: verdana, arial; font-size: 10px; color: #000000; }

.BEselect { font-family: verdana, arial; font-size: 11px; }
.BEbookingSelect { font-family: verdana, arial; font-size: 10px; background-color: #E7F4F8 }
.BEinput { font-family: verdana, arial; font-size: 10px; color: #FFFFFF; background-color: #336699 }
.BEformfont { font-family: verdana, arial; font-size: 10px; color: #000000; }

.BExxsmall { font-family: verdana, arial; font-size: 9px }
.BEsmall { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 14px }
.BEmedium { font-family: verdana, arial; font-size: 11px}

.BEmediumWhite { font-family: verdana, arial; font-size: 11px; background-color: #FFFFFF}
.BEbgrndWhite {background-color: #FFFFFF}

.BElarge { font-family: verdana, arial; font-size: 12px }

.BEsmallBold { font-family: verdana, arial; font-size: 10px; font-weight: bold }
.BEmediumBold { font-family: verdana, arial; font-size: 11px; font-weight: bold }
.BElargeBold { font-family: verdana, arial; font-size: 13px; font-weight: bold }

.BEsmallCol { font-family: verdana, arial; font-size: 10px; color: #336699 }

.BEmediumBoldCol { font-family: verdana, arial; font-size: 11px; font-weight: bold; color: #336699 }
.BElargeBoldCol { font-family: verdana, arial; font-size: 13px; font-weight: bold; color: #336699 }

.BEmediumBoldWhite { font-family: verdana, arial; font-size: 11px; font-weight: bold; color: #FFFFFF }

/*
.BEavail { font-family: verdana, arial; font-size: 10px; background-color: #84C122 }
.BEnotavail { font-family: verdana, arial; font-size: 10px; background-color: #990000; color: #FFFFFF }
*/

.unavailNotChosen
{
  background: #EFB2B2;
  background-image:  url('http://reservations.bookhostels.com/images/rbh/availgrid/unavailNotChosen.gif');
  color: #A89290;
  font-family: arial, verdana;
  font-size: 11px
}

.availNotChosen
{
  background: #E1F4EB;
  background-image:  url('http://reservations.bookhostels.com/images/rbh/availgrid/availNotChosen.gif');
  color: #73977D;
  font-family: arial, verdana;
  font-size: 11px
}

.BEavail {
  background: #0EAD1D;
  background-image:  url('http://reservations.bookhostels.com/images/rbh/availgrid/availChosen.gif');
  color: #FFFFFF;
  font-family: arial, verdana;
  font-size: 11px
}
.BEnotavail {
  background: #ff0000;
  background-image:  url('http://reservations.bookhostels.com/images/rbh/availgrid/unavailChosen.gif');
  color: #FFFFFF;
  font-family: arial, verdana;
  font-size: 11px
}

.BEIndexmedium { font-family: verdana, arial; font-size: 11px; } 
.BEIndexmediumBold { font-family: verdana, arial; font-size: 11px; font-weight: bold; }

.BEindexTabBack { background-color: #D4F3FD }
.BEfabTabBack { background-color: #9AD3E5 }
.BEEnterDetsBack { background-color: #E9F7FB }
.BEPaymentBack { background-color: #C5E0E9 }
.BEcountryChosen { font-family: verdana, arial; font-size: 11px; font-weight: bold; color: #336699 }

.BEMicrositeTabHeader { background-color: #EAEAEA }
.BEMicrositeBookingTable { background-color: #EEEEEE }
.BETotalDue { background-color: #FFFFFF }
.BEMicrositeTabMain { background-color: #9AD3E5 }
.BEMicrositeTabRes { background-color: #F4F4F4 }

.BEMicrositeBookingHeader { background-color: #E7F4F8 }
.BEMicrositeBookingMain { background-color: #336699 }
.BEMicrositeBookingRes { background-color: #9AD3E5 }

.BEHeadingmedium { font-family: verdana, arial; font-size: 11px; } 
.BEHeadingmediumBold { font-family: verdana, arial; font-size: 11px; font-weight: bold; }

.BEhr { height: 1px; color: #000000 }

.BEpg2Head { background-color: #EAEAEA }
.BETotalPay { background-color: #CCCCCC }
.BEwarning { font-family: verdana, arial; font-size: 10px; color: #CC0000 }
.BEbullet { list-style-image:  url('http://reservations.bookhostels.com/images/rbh/color_dot.gif'); }
.Error { font-family: verdana, arial; font-size: 12px; color: #CC0000; font-weight: bold; }

a.BEtitle { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #336699; line-height: 14px; text-decoration: none }
a:hover.BEtitle { color: #CC6600 }

a.BEmoreinfo { font-family: arial, verdana; font-size: 11px; text-decoration: underline; font-weight: normal; color: #FF0000 }
a:hover.BEmoreinfo { font-family: arial, verdana; font-size: 11px; text-decoration: none; font-weight: normal; color: #FF0000 }

.FABCalendar { background-color: #097DE4; color: white }

.JSCalendarWeekend { background-color: #107777; color: #FFFFFF }
.JSCalendarWeek { background-color: #52ABAB; color: #000000 }
.JSCalendarTitle { background-color: #94CACA; color: #000000 }
.JSCalendarDays { background-color: #f4f4f4 }

a.calendar { font-size: 10px; font-family: Verdana, Arial, Helvetica; color: #444444; text-decoration: none }
a:hover.calendar { color: #CC0000; text-decoration: none }

a.changedates { font-size: 10px; font-family: Verdana, Arial, Helvetica; color: #666666; text-decoration: underline; font-weight: bold }
a:hover.changedates { color: #006699; text-decoration: none }

a.calcontrol { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #444444; font-weight: bold; text-decoration: none }
a:hover.calcontrol { color: #CC0000; text-decoration: none }


.BEfabTableBg { background-color: #FFFFFF }

.facilities {
	background-color: #ECEEF3;
	width: 280px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}

.TXT_content {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.btnConfirm {
  border-top: #89BB84 1px outset; 
  border-left: #89BB84 1px outset;
  border-right: #295425 1px outset; 
  border-bottom: #295425 1px outset; 
  background-color: #499142;
  color: #FFFFFF;
  font-weight: bold;
  width: 75px;
  text-shadow: 3px 3px 5px red;
  cursor: hand
}
.btnCancel {
  border-top: #C0B3B3 1px outset; 
  border-left: #C0B3B3 1px outset;
  border-right: #5A4444 1px outset; 
  border-bottom: #5A4444 1px outset; 
  background-color: #808080;
  color: #FFFFFF;
  font-weight: bold;
  width: 75px;
  cursor: hand
}

.TXT_small {
	font-family: verdana, Arial, San Serif;
	font-size: 10px;
}

H2 {	
		font-family: Arial Narrow, Arial, San Serif;
		font-size: 20px;
  		font-weight: bold;
		padding: 10px 0px 0px 0px;
		margin: 0px;
}

.AVAIL_panel { 
	border: #CCCCCC solid 1px; 
	padding: 5px;
	color: #5555AA;
}

.BEavailkey {
	font-family: verdana, Arial, San Serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

TD.listingWpaper {
		background-image:  url('http://reservations.bookhostels.com/images/rbh/listingWpaper.gif');
		background-position: top left;
		background-repeat: repeat-x;
}


.facilities {
	margin-left: .5em;
}


/*

The following styles are from the original 'default.css' style sheet. They have been copied in here ensure that 
styles stay intact
EL 06.05.03


BODY, TD	{ font-family: Verdana, Arial, sans-serif; font-size:7.5pt; margin:0px }
select 		{ font-size: 7pt; background: #5588BB; color: #eaeaea; font-family: verdana, arial }
.BlueForm	{ font-size: 7pt; background: #5588BB; color: #eaeaea; font-family: verdana, arial }
TEXTAREA	{ font-family: Verdana, Arial, sans-serif }
A		{ font-weight: bold; color: #336699; text-decoration:none }
A:hover		{ font-weight: bold; color: #CC6600 }
HR		{ color:#CCCCCC; height:1 }
.Yellow 	{ background-color: #FFCC66; font-family : Verdana, Arial, sans-serif; font-size: 8pt }
A.Yellow 	{ color:#336699 }
A.Red		{ color:#CC3333 }
.DarkYellow 	{ background-color: #CC9900 }
.Orange		{ color: #CC6600 }
.Blue 		{ color:#FFFFFF; background-color: #336699}
.Grey		{ color:#000000; background-color: #EEEEEE }
.Peach		{ background-color: #FFFAEE }
.MediumBlue 	{ color:#FFFFFF; background-c