/*

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; font-size: 10px }
.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('/images/rbh/availgrid/unavailNotChosen.gif');
  color: #A89290;
  font-family: arial, verdana;
  font-size: 11px
}

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

.BEavail {
  background: #0EAD1D;
  background-image: URL('/images/rbh/availgrid/availChosen.gif');
  color: #FFFFFF;
  font-family: arial, verdana;
  font-size: 11px
}
.BEnotavail {
  background: #ff0000;
  background-image: URL('/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: #E7F4F8 }
.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('../images/rbh/color_dot.gif'); }
.Error { font-family: verdana, arial; font-size: 12px; color: #CC0000; font-weight: bold; }

a.BEtitle { font-family: verdana, arial; font-size: 11px; font-weight: bold; color: #336699; 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 }

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 }




/*

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-color: #336699; font-size:8pt }

.MainTitle	{ color:#CC6600; font-size:13pt; font-weight:bold }
.MediumTitle	{ color:#CC6600; font-size:10pt; font-weight: bold }
.MediumishTitle	{ color:#CC6600; font-size:9pt; font-weight: bold }
.SmallTitle	{ color:#CC6600; font-size:8pt; font-weight: bold }

h1 { color:#CC6600; font-size:13pt; font-weight:bold; margin-bottom: 0px; margin-top: 0px; }
h2 { color:#CC6600; font-size:10pt; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
h3 { color:#CC6600; font-size:9pt; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
h4 { color:#CC6600; font-size:8pt; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }

.MainBlackTitle	{ color:#000000; font-size:16pt }
.MediumBlackTitle	{ color:#000000; font-size:15pt }
.SmallBlackTitle	{ color:#000000; font-size:8pt; font-weight: bold }
.Yes		{ color: white; background-color:#006633 }
.No		{ color: white; background-color:#990000 }
.Error		{ color: red; }
.DetailsError		{ color: red; }
.White		{ color: white; font-weight: bold }
.WhiteNotBold	{ color: white }
.BigText 	{ font-size:15pt }
.MediumText 	{ font-size:11pt }
.CellFooter	{ color:#CC6600; background-color:#FFCC66 }
.CellHeader	{ color:#336699; background-color:#FFCC66 }
.BlueText	{ font-size: 8pt; color: #336699 }
.BlueBorder	{ background-color:#649CCC }
.Border		{ border-width:1px; border-style:solid }
.LightBlue	{ color:#000000; background-color:#EFF7FF }
.SmallSelect	{ font-size: 7pt }
.GreyTitle	{ color: #BBBBBB; font-size: 12pt }
.DarkBlue	{ color: #FFFFFF; background-color: #003366; font-weight: bold; font-size: 12pt }
.from 		{ color: #FFCC66; font-weight: bold }
.formbk		{ color: #003366; font-size: 10px; background: #FFCC66; font-family: verdana, arial }
.formbkClear { color: #003366; font-size: 10px; font-family: verdana, arial }
.butbk 		{ color: #003366; font-size: 7pt; background: #eaeaea; font-family: verdana, arial }
.drkbluebk 	{ background-color: #006699 }
.palegrey 	{ background-color: #f1f1f1 }
.formbkYell { font-size: 7pt; color: #444444; font-family: verdana, arial; background-color: #F7D016 }
.confirm_tab { background-color: #666666; color: #ffffff }



.mainHeading { font-family: arial, verdana; font-size: 11pt; color: #cc6600; text-decoration: none; font-weight: bold }
.details { font-family: verdana; font-size: 7.5pt; color: #cc6600; text-decoration: none }
.subHeadings { font-family: arial, verdana; font-size: 8pt; color: #cc6600; text-decoration: none; font-weight: bold }
.Border { border-width: 1px; border-style: solid }
.daynumhead { font-family: arial, verdana; font-size: 8pt; color: #336699; text-decoration: none; font-weight: bold  }

.ratingpanelmain { background-color: #333333; color: #ffffff }
.ratingpanelhd { background-color: #999999; color: #ffffff }
.ratingpaneltxt { background-color: #E0D2C3; color: #333333 }
.midpanelbreak { background-color: #CCB296; color: #333333 }
.advicepaneltxt { background-color: #cccccc; color: #333333 }

.darktable { background-color: #999999;}

.DarkHeading {FONT-SIZE: 7.5pt;  COLOR: #444444; TEXT-DECORATION: none}

a.orange { color: #CC6600; font-size: 7.5pt; text-decoration: bold }
a:visited.orange { color: #CC6600; text-decoration: bold }
a:hover.orange { color: #000000; text-decoration: bold }


a.darklink { color: #003366; font-size: 7.5pt; text-decoration: bold }
a:visited.darklink { color: #003366; text-decoration: bold }
a:hover.darklink { color: #ECB851; text-decoration: bold }

a.lightlink { color: #336699; font-size: 7.5pt; text-decoration: bold }
a:visited.lightlink { color: #336699; text-decoration: bold }
a:hover.lightlink { color: #333333; text-decoration: bold }

a.brightlink { color: #FFCC66; font-size: 7.5pt; text-decoration: bold }
a:visited.brightlink { color: #FFCC66; text-decoration: bold }
a:hover.brightlink { color: #FFCC66; text-decoration: bold }

a.whitelink { color: #FFFFFF; font-size: 7.5pt; text-decoration: bold }
a:visited.whitelink { color: #FFFFFF; text-decoration: bold }
a:hover.whitelink { color: #FFCC66; text-decoration: bold }


a.nochange { color: #666666; font-size: 7.5pt; text-decoration: none }
a:hover.nochange { color: #990000; text-decoration: none }

.greyform {background-color: #F1F1F1; color: #000000 }
.submit{background-color: #AFAEAF; font-size: 7.5pt; color:000000}


.avail { background-color: #EABB5C; color: #666666 }
.blank {background-color: #676565; color: #FFFFFF}
.notavail { background-color: #AFAEAF; color: #eaeaea }
.whitefont { color: #ffffff }

.LeftColumn {background-color: #EEEEEE;}

.toursformbk {color: #FFFFFF; font-size: 7pt; background: #336699; font-family: verdana, arial }

*/