/* See revision 1.1 for the orignal settings, if needed. */
/* This is the background of the pop-up calendar */
body.calendar {margin:0; background-color:#fff;padding:1px 0px 0px 0px;font: bold 10px arial,helvetica,sans-serif;text-align:center}
/*.calbox td {border-right:1px solid #F4EED4; border-left:1px solid #F0E9CE}*/
.calbox .calDateMiddle {border-top:1px solid #F0EAD0; border-bottom:1px solid #EBE4CA}
.calbox .calDateBottom {border-top:1px solid #F0EAD0;}
.calbox .calDateCenter {border-right:1px solid #F0EAD0; border-left:1px solid #EBE4CA; width:22px; height:18px;}
.calbox .calDateLeft {border-right:1px solid #F0EAD0; width:19px; height:18px;}
* html .calbox .calDateLeft {width:20px; }
.calbox .calDateRight {border-left:1px solid #EBE4CA; width:22px; height:18px;}
.calbox .calRowDays {border-bottom:1px solid #EBE4CA;}

/*.calMonthArea 
{position:absolute; margin-left:30px; color:#FFFFFF; text-transform:uppercase; font-size:9px; background:url(/images/layout/calendar/calendarMonthBG.png) no-repeat top left; width:120px; height:17px;
	_azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='crop')",
	this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);}*/
.calMonthArea 
{position:absolute; margin-left:21px; margin-top:6px; color:#FFFFFF; text-transform:uppercase; font-size:9px;}


/*.calbox table{border-collapse:collapse;}*/
.calbox .calTableH{margin: 4px 0px 0px 6px; width:129px; empty-cells:show;border:1px solid #ccc;float:left;display:inline;}
.calbox .calTableV{margin: 0px; width:129px; empty-cells:show;border:0px solid #ccc;}

/* The name of the month in the popup */
.calbox .calLabel{font: 700 11px arial,helvetica,sans-serif; color: #000; text-align:center;background-color:#fff; padding:1px; line-height:18px;white-space:nowrap}

/* The days of the week header. */
.calbox .calDayName{background: #000; color:#fff; font: 500 10px arial,helvetica,sans-serif; text-align:center;width:19px; border:1px solid #000;}

/*.calDate is the background of the calendar pages */
.calbox .calDate{text-align:center; font:10px arial,helvetica,sans-serif; color:#555555; line-height: 13px; }

/* .calDateOff are attributes for the part of the calendar for which the days have passed and aren't clickable. */
.calbox .calDateOff{color:#555;  font: 400 10px arial,helvetica,sans-serif; text-align:center;line-height: 13px;}

/* This is the background of the currently selected arrival and departure dates. */
.calbox .calDateSel{background:#D6BC71; text-align:center; font: bold 10px arial,helvetica,sans-serif; line-height: 13px;}

/* The range between the .calDateSel dates*/
.calbox .calDateRng{background:#EBE4CA; text-align:center; font: bold 10px arial,helvetica,sans-serif; line-height: 13px;}

/* This is the color of the individual dates on the popup. *//*
.calbox .calDateA{position:relative; margin-left:10px; padding:0;}
.calbox .calDateA:hover{text-decoration:none;}  # leave alone*/

/* The 'next' / 'prev' buttons? */
.calbox .calNavA{font: 11px arial,helvetica,sans-serif; text-decoration: none; color: #000; padding: 0 5px;display:block;clear:both;}
.calbox a.calNavA:hover{text-decoration:underline;} # leave alone

#noprevious,#previous{line-height:16px;}

/* These control the close button, including the "Select a Date" string. */
.calbox .calClose{font-size:10px;padding:4px 8px 2px 8px;text-align:left;color: #000; background-color: #9DD4FF; }
.calbox .calClose a{float:right;text-decoration:none;color: #fff;background:#000;padding-left:2px;padding-right:2px;line-height:10px;border-style:solid;border-width:1px 1px 2px 2px;border-color:#ccc #000 #000 #6A87A7;}
.calbox .calClose a:hover{border-color:#000 #ccc #ccc #000;}

#calwrapper {margin:auto;width:272px;}

/* calframe is not used.   */
.calframe{height:283px;width:177px;border-width:0px;}

/* calboxon controls the position of the popup.  This means, generally, that you need a different instance
   for each page that the calendar pops up on.  Change the margin-top and margin-left until an agreeable
   position is obtained.  This is the last argument to opencal.
*/
* html #bookingCalIframe {z-index:5;margin:0 0 0 -190px; float:left; width:175px; height:200px; background-color:Transparent;}
.calbox {margin:0; font: bold 10px arial,helvetica,sans-serif; position:relative;}


/*
.calboxon_216_newps{z-index:5;height:283px;width:140px;position:absolute;margin-top:300px;margin-left:450px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
.calboxon_323{z-index:5;height:283px;width:140px;position:absolute;margin-top:150px;margin-left:450px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
.calboxon_648{z-index:5;height:283px;width:140px;position:absolute;margin-top:100px;margin-left:45px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
*/

/* calboxoff turns the popup off. */
.calboxoff{height:1px;width:1px;overflow:hidden;position:absolute;top:0px;left:0px;visibility:hidden;display:none;}


/* makes the select boxes change size!  .cbCal{margin-top:0px;cursor:pointer;cursor:hand;vertical-align:bottom;padding-right:0px;padding-left:2px} */

/* Moved from common.css.  Was part of the cb id. */
/* This affects the relative placement of the calendar gif.  Not the popup.  Huh. */
.cbCal{margin-top:0px;cursor:pointer;cursor:hand;vertical-align:bottom;padding-right:0px;padding-left:2px}

#cb .cbrowon{background:#ffc;}