/**************************** Below classes for reservation calendar *****************************/

.calendar_cif { width:235px; font:12px arial, helvetica, sans-serif; text-align:center; }
.calendar_cif table { width:235px; background-color:#fff; border-left:1px solid #848484; border-right:1px solid #848484; }
.calendar_cif table a { font-weight: bold; text-decoration: underline; color: #000; display:block; height: 20px; line-height: 20px; }
.calendar_cif th, .calendar_cif .subheader { background-color: #e9e9e9; font-weight: bold; width:28px; }

.calendar_cif .cal_header { background:#868686 url(../siteimage/cal_box.gif) 0 0 no-repeat; color:#fff; font-weight:bold; text-align:center; height:26px; line-height:26px; }
.calendar_cif .cal_header .col1 { float:left; width:15%; height:24px; overflow:hidden; }
.calendar_cif .cal_header .col2 { float:left; width:70%; font-size:1.2em; }
.calendar_cif .cal_header .col2 select { width:130px; margin-top:3px; font-size:12px; }
.calendar_cif .cal_header .col3 { float:right; width:15%; height:24px; overflow:hidden;  }
.calendar_cif .cal_header a.prev { background: url(../siteimage/cal_box.gif) 0 -50px no-repeat; margin:5px 0 0 7px; width:15px; height:15px; display:inline;  float:left; font-size:5px; line-height:10px; text-decoration:none; overflow:hidden; }
.calendar_cif .cal_header a.next { background: url(../siteimage/cal_box.gif) -15px -50px no-repeat; margin:5px 7px 0 0; width:15px; height:15px; display:inline; float:right; font-size:5px; line-height:10px; text-decoration:none; overflow:hidden; }

.calendar_cif td { height: 20px; line-height:20px; text-align: center; font-size:0.9em; vertical-align: middle; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; }
.calendar_cif .today { width:18px; height:14px; background-color:#fad2da; padding:2px; border:1px solid #000; }
.calendar_cif .link { width:100%; height:20px; background-color: #d4c9ef; display:block; }
.calendar_cif .emptylink { font-weight:bold; text-decoration: underline; color:#f6f9fb; }
.calendar_cif .current_date { font-weight:bold; border:1px solid #000; height:18px; line-height:18px; }
.calendar_cif .weekend { background:#f1f1f1; }
.calendar_cif a.daylink:hover { background:#e9e9e9; }
.colorcode { width:14px; border:1px solid #000; text-align:center; font-size:11px; color:#000; font-weight:bold; text-decoration:underline; }
.list_header { background-color: #4a9812; font-weight:bold; color: #fff; }

.calendar_cif .cal_footer { background:#848484 url(../siteimage/cal_box.gif) 0 -30px no-repeat; color:#fff; font-weight:bold; text-align:center; height:20px; line-height:20px; }
.calendar_cif .cal_footer a { font-size:11px; color:#fff; text-decoration:underline; }
.calendar_cif .cal_footer a:hover { text-decoration:none; }

/********************************* Below classes for listing calendar ****************************/

.cal_listing { width:132px; margin:0 auto; font:normal 10px arial, helvetica, sans-serif, tahoma; }
.cal_listing .cal_header { background:#868686 url(../siteimage/cal_box.gif) 0 -65px no-repeat; color:#fff; font-size:12px; font-weight:bold; text-align:center; height:18px; line-height:18px; }
.cal_listing table { width:132px; background-color:#fff; border:1px solid #848484; border-top:none; color:#fff; }
.cal_listing td { border-left:1px solid #fff; border-top:1px solid #fff; }
.cal_listing .subheader { background-color:#d9d9d9; color:#000; }

.cal_listing .gray-day { background-color: #999999; }
.cal_listing .blue-day { background-color:#455a78; }
.cal_listing .red-day { background-color:#ff0000; }
.cal_listing .green-day { background-color:#1c9600; }
.cal_listing .brown-day { background-color:#c7973e; }
.cal_listing .white { color:#fff; }

.cal_listing a.cal-link { color:#fff; text-decoration:none; }