/* input box in default state */ 
/*.tcalInput{border:1px solid #fff;background: url('/mpreserve/skin/basic_skin/skin_images/cal.gif') 100% 50% no-repeat #fafafa;padding-left: 15px;cursor: pointer;}*/
#tcal{visibility:visible;}
#tcalControls{border-collapse: collapse;border: 0;width: 100%;}
#tcalControls th{border-collapse: collapse;border: 0;padding:0 0 15px 0;font-size:18px;text-align:center;white-space:nowrap;}
#tcalControls td{border-collapse: collapse;border: 0;padding:0 0 15px 0;width:16px;background-position:50% 50%;background-repeat: no-repeat;cursor: pointer;}
/*
#tcalPrevYear{background-image: url('/mpreserve/skin/basic_skin/skin_images/prev_year.gif');}
#tcalPrevMonth{background-image: url('/mpreserve/skin/basic_skin/skin_images/prev_mon.gif');}
#tcalNextMonth{background-image: url('/mpreserve/skin/basic_skin/skin_images/next_mon.gif');}
#tcalNextYear{background-image: url('/mpreserve/skin/basic_skin/skin_images/next_year.gif');}
*/
#tcalPrevYear > span{display:inline-block;width:50px;height:35px;line-height:35px;text-align:center;background-color:#fff;color:#444;border-radius:25px;font-size:20px;font-weight:normal;margin-right:10px;border:1px solid #ddd;}
#tcalPrevMonth > span{display:inline-block;width:50px;height:35px;line-height:35px;text-align:center;background-color:#fff;color:#444;border-radius:25px;font-size:20px;font-weight:normal;border:1px solid #ddd;}
#tcalNextMonth > span{display:inline-block;width:50px;height:35px;line-height:35px;text-align:center;background-color:#fff;color:#444;border-radius:25px;font-size:20px;font-weight:normal;margin-right:10px;border:1px solid #ddd;}
#tcalNextYear > span{display:inline-block;width:50px;height:35px;line-height:35px;text-align:center;background-color:#fff;color:#444;border-radius:25px;font-size:20px;font-weight:normal;border:1px solid #ddd;}

/* table containing week days header and calendar grid */
#tcalGrid{border-collapse: collapse;width: 100%;}
#tcalGrid th{border-collapse: collapse;padding:15px;text-align:center;font-size:16px;}
#tcalGrid th:first-child{border-bottom:1px solid #f44e4e;}
#tcalGrid th:last-child{border-bottom:1px solid #2a84d7;}
#tcalGrid td{border: 0;border-collapse: collapse;padding:15px;text-align: center;font-size:14px;cursor: pointer;}		

/*달력에 보여지는 지난달,다음달 날짜들*/
#tcalGrid td.tcalOtherMonth{}

#tcalGrid{}
#tcalGrid td > span{display: inline-block;width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;border: 1px solid #ddd;border-radius: 25px;}
/*토요일*/
#tcalGrid td.tcalSat > span{border:1px solid #2a84d7;}
/*일요일*/
#tcalGrid td.tcalSun > span{border:1px solid #f44e4e;}
/*오늘날짜*/
#tcalGrid td.tcalToday{position:relative;}
#tcalGrid td.tcalToday > strong{position:absolute;z-index:1;top:0px;right:0;color:#fff;font-size:12px;padding:3px 5px;background-color:#ef499f;border:0;border-radius:10px;transform:rotate(-15deg);}
/*선택날짜*/
#tcalGrid td.tcalSelected > span{border: 2px solid #9d378d;}
/*지난날짜*/
#tcalGrid td.tcalBefore{color:#c9c5c3;cursor:no-drop;}


/*예약시간 선택*/
.rp_title{margin-top:4px;font-size:16px;}
.rp_title > .tcal{margin:0 20px 0 10px;box-sizing:border-box;height:40px;font-size:18px;text-align:center;border:1px solid #d0d0d0;color:#2a84d7;}
.rp_title > #restime_add > select{margin:0 0 0 54px;box-sizing:border-box;padding:0 61px;height:40px;font-size:18px;text-align:center;border:1px solid #d0d0d0;}