/* Web Booking */

#web-booking-outer
{
    background: #000;
    padding: 9px;
}

#web-booking-main
{
    background:white;
    padding:29px 30px 19px 24px;
}

#web-booking-main h2 { font-size:120%; font-weight:bold; margin-bottom:9px; }

.yellow-box { background:#F8F8EE; padding:9px 23px 10px 19px; margin-bottom:34px; }

#web-booking-returning-guests { width:300px; float:left; }
#web-booking-new-guests { width: 287px; float:right; margin-right:20px; }
#web-booking-address-confirm-buttons { width:333px; }
#web-booking-create-new-appointment { width:628px; margin-top:50px; }

#web-booking-main h3 
{ 
    font-weight:bold; 
    border-bottom:3px solid black; 
    width:100%; 
    padding-bottom:9px;
    margin-bottom:14px;
}

.web-booking-details-field 
{ 
    font-weight:bold; 
    margin-bottom:12px;
}
#cart-buttons 
{
	float: right;
    margin-bottom:7px;
    background: #000;
    padding: 4px 15px;
}

.inline { display:inline-block; }

.or { padding:22px 0px 19px 0px; }

#web-booking-create-form { padding:20px 0px 12px 30px; width:338px; }
#web-booking-create-form-marketing { padding:0px 0px 24px 30px; }

.web-booking-buttons { text-align:right; }

.web-booking-sub-form { padding-left:19px; }
#partial-address { color:#54301A; margin-bottom:43px; font-weight:bold; text-transform:uppercase; }
.assign-fields { width:52%; }

#web-booking-create-location-and-date,
#web-booking-create-service-and-professional
{
    width:360px;
    border:#F4F4DA 1px solid;
    margin-bottom:33px;
}

#web-booking-create-available-appointments
{
    width:296px;
    border:#F4F4DA 1px solid;
}

#tblNewAppointments { width:626px; margin-bottom:24px; }
#tblNewAppointments tr td { border-top:1px dotted black; padding-top:18px; }
#tblNewAppointments tr td .edit { padding:7px 24px 28px 24px; }
#tblNewAppointments tr td .time { }
#tblNewAppointments tr td .location { padding:0px 0px 0px 0px; }

#tblScheduledAppointments, tblBadAppointments { margin-bottom:24px; }
#tblScheduledAppointments tr td,
#tblBadAppointments tr td { border-bottom:2px dotted black; padding:18px 0px 23px 0px; }
#tblScheduledAppointments tr td.first,
#tblBadAppointments tr td.first { padding-top:0px; }

#tblCurrentAppointments { width:100%; }
#tblCurrentAppointments tr th { font-weight:bold; padding:6px 6px 6px 6px; }
#tblCurrentAppointments tr td { padding:6px 6px 6px 6px; }
#tblCurrentAppointments tr.alt { background:#E8E8E8; }


.appointment-info 
{
    padding:16px 0px 13px 0px;  
    border-bottom:1px solid #E0E0E0;
}
.appointment-info-date
{
    text-align:center;
    font-weight:bold;
}
.appointment-info-button { padding:8px 0px 5px 22px; }
.appointment-time-and-tech { padding-left:22px; }
.appointment-time
{ 
    font-size:150%; 
    font-weight:bold; 
    color:#000;
}

.web-booking-checkboxes { margin-bottom:20px; }

.green-optional { color:#939A54; }
.ampm { font-size:0.6em; }

div.web-booking-available
{ 
	width: 296px;
	height: 384px;
	position: relative;
	overflow:hidden;
}

#web-booking-available-scroller
{
    height:384px;
}   

.empty-new { margin-bottom:20px; }
.gray-button { color:#999; }

#web-booking-faqs-header
{
    font-size:150%;
    font-style:italic;
    font-weight:bold;
    font-family:Times New Roman;
    margin-bottom:15px;
} 

#web-booking-signin-buttons { width:207px; }
#web-booking-bad-day { width:158px; margin-right:10px; }
/* End Web Booking */