/*
    *******************************

          Current Owner: PHIL
    
    *******************************
*/
.calendarArea   { width:705px; margin:25px 0 0 20px; text-align:center; position:relative; height: 160px; border:2px solid #000; }

.calendarArea #prev-month { position:absolute; background-image:url(/vacation_planner/images/PrevCalendar.gif); width:26px; height:93px; left:0px; top:20px; }
.calendarArea #next-month { position:absolute; background-image:url(/vacation_planner/images/NextCalendar.gif); width:26px; height:93px; left:678px; top:20px; }

#CAL_0          { display: block; float: left; width: 147px; height: 150px; margin-right: 5px; border: 1px solid #999999; }
#CAL_1          { display: block; float: left; width: 147px; height: 150px; margin-right: 5px; border: 1px solid #999999; }
#CAL_2          { display: block; float: left; width: 147px; height: 150px; margin-right: 5px; border: 1px solid #999999; }
#CAL_3          { display: block; float: left; width: 147px; height: 150px; margin-right: 0px; border: 1px solid #999999; }

#selection-middle { position:absolute; left:120px; top:540px; font-size:11px; color:#777; }

.calendar       { border-collapse: collapse; font-family:Helvetica, Arial, Verdana; font-size:10px; display:block; margin:2px; color: #FFF; }
.calendar    td { border: 1px solid #FFFFFF; text-align:center; vertical-align:middle; width:18px; height:18px; }
.calendar     a { color: #FFFFFF; text-decoration:underline; }
.calendarHeader { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; width:195px; }
td.calendarHeader { width:195px; color:#000000; }
.calendarEmpty  { font-family:Helvetica, Arial, Verdana; font-size:10px; }
.calendarDay    { font-family:Helvetica, Arial, Verdana; font-size:10px; background-color:#CCC; font-weight:bold; }
.calendarToday  { font-family:Helvetica, Arial, Verdana; font-size:10px; background-color:#FCC; }

.calendar td a  { width:18px; height:18px; display:block; vertical-align:baseline; line-height:18px; }

/* ------------------- */
/* WINTER RATE PERIODS */
/* ------------------- */

.FVSS           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#81B9F0; } /* SS - Super Saver */
.FVHW           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#6283A3; } /* HW - Heart of Winter */
.FVHO           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#8F2323; } /* HO - President's Week / New Year's */
/* .FVSV           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#E6C04E; } /* SV - School's Out (School Vacation) */
/* .FVWB           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#8F2323; } /* WB - President's Week (Winter Break) */

/* ------------------- */
/* SPRING RATE PERIODS */
/* ------------------- */

.FVSF           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#7AD45F; } /* JN - June */

/* ------------------- */
/* SUMMER RATE PERIODS */
/* ------------------- */

.FVJN           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#7ebcad; } /* JN - June */
.FVJL           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#ff0000; } /* JL - July */
.FVJLHO         { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#5d97af; } /* JLHO - July Holidays (4th of July) */
.FVAG           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#aaca3d; } /* AG - August */

/* ------------------- */
/* AUTUMN RATE PERIODS */
/* ------------------- */

.FVAF           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#a38cb5; } /* AF - AutumnFest */
.FVLF           { font-family:Helvetica, Arial, Verdana; font-size:10px; font-weight:bold; background-color:#cfafe7; } /* AF - AutumnFest */


.bold           { font-weight:normal; }
.selected       { background-color:#F60; color:#fff; }
.selected     a { color:#fff; }

.active         { background-color:#fff; }
.inactive       { background-color:#b6bac6; }

.infoArea       { width:705px; margin:25px 0 0 20px; text-align:center; position:relative; height: 400px;  }

.guestArea            { position:absolute; top:0px; left:0px; width:150px; height:160px; border:1px solid #000; }
.guestArea label      { display:block; float:left; margin-left:5px; clear:right; }
.guestArea select     { display:block; float:left; clear:left; }

.lodgingArea    { position:absolute; top:0px; left:200px; width:508px; height:230px; border:1px solid #000; text-align:left; }


.detailArea     { position:absolute; top:200px; left:0px; width:150px; height:160px; border:1px solid #000; }

.roomInactive   { display:block; width:150px; margin:1px; border:1px solid #333; background-color:#ccc; color:#666; }
.roomActive     { display:block; width:150px; margin:1px; border:1px solid #000; background-color:#fff; color:#000; }
.roomSelected   { display:block; width:150px; margin:1px; border:1px solid #f00; background-color:#fee; color:#600; }

.detailsShowing { display:block; position:absolute; top:17px; left:154px; width:350px; height:209px; border:1px solid #666; }
.detailsHidden  { display:none; }

strike { text-decoration:line-through; }