body { font-family: arial; }

#calendar, #calendar2 { margin: auto; display: block; float: left; color: #000; height: 223px; background-color: #FFDD99; padding: 5px 10px 5px 10px; float: left; margin-bottom: 10px; }
#calendar2 { margin-left: 15px; }
#calendar th, #calendar2 th { width: 21px; padding: 3px 5px 3px 5px; font-size: 12px; }
#calendar td, #calendar2 td { width: 21px; height: 19px; padding: 3px 5px 3px 5px; text-align: center; font-size: 11px; }
#calendar th#prev_month, #calendar th#next_month, #calendar2 th#prev_month, #calendar2 th#next_month { cursor: pointer; } 

#tbl_form { margin: auto; margin-top: 20px; }
#tbl_form th { width: 100px; padding: 0px 15px 0px 0px; font-size: 12px; text-align: right; color: #FFDD99; font-weight: normal; }
#tbl_form td { text-align: left; padding: 3px; height: 25px; width: 180px; }
#tbl_form td p { margin: 0; padding: 0; padding-top: 10px; margin: auto; }

#tbl_form td input { width: 180px; background-color: #FFF; color: #666; }

/*
#tbl_form td p.tooltip { width: 130px; height: 18px; padding-top: 5px; padding-bottom: 2px; padding-left: 10px; background-color: red; margin: 0; font-size: 12px; color: #FFF; opacity: 0.85; 
					   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
*/					   
#btn_send { width: 197px; height: 30px; cursor: pointer; margin-left: 108px; padding-top: 10px; font-size: 14px; background-image: url('images/btn_reserve.png'); background-repeat: no-repeat; text-align: center; font-weight: bold; font-family: Arial; color: #5C2910;} 

.reservation_confirmed { background-color: #FFF; }
.reservation_start { background-image: url('img/bg_arrival.jpg'); }
.reservation_end { background-image: url('img/bg_arrival.jpg'); }
.reservation_new { background: url('images/bg_not_confirm.jpg') #CCC; color:#FFF; background-size: 100% 100%;}

#par_error{position:absolute;top:50%;margin-top:180px;height:50px;font-size:28px;width:600px;left:50%;margin-left:-300px;background-color:red;color:#FFF;text-align:center;vertical-align:middle;padding:30px 20px 30px 10px;display:none}
#par_make_reservation{margin-top:30px;margin-bottom:10px;font-size:22px;text-align:center}
#par_reservations{margin:10px;text-align:center;font-size:22px}
#reservation_success{position:absolute;display:none;top:25%;left:26%;max-width:600px;padding:30px;margin-top:0;font-size:14px;background-color:green}
#reservation_success span{font-weight:700}
#reservation_success p.btn_ok{float:left;margin-left:35px;font-size:22px;font-weight:700;color:#3A1E10;background:#FFF;color:#000;padding:10px;border:1px solid #000;text-align:center;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#reservation_success p.btn_cancel{float:left;margin-left:5px;font-size:22px;font-weight:700;color:#3A1E10;color:#000;background:#FFF;padding:10px;border:1px solid #000;text-align:center;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#reservation_confirmed{position:absolute;display:none;width:600px;height:100px;line-height:100px;font-size:24px;left:50%;top:50%;margin-top:0;margin-left:-300px;background-color:green;text-align:center;z-index:100}