@import url("screen.css");

/******************************************************
 Begin Book'd Styles for Public Schedules
******************************************************/
body{ }
.container {width:710px; }
.footer_container {width:750px;margin:0 auto; }

#global{ background-color: #111; padding: 10px 0 7px 0; margin: 0 0 0px 0; font-size: 12px; width: 100%;}
#header{ padding: 20px 0 20px 0; border-top: 1px solid #666;}
#footer{ margin:  0; padding: 65px 0 50px 0; }


#global_powered_by{ float: left; }
#global_links{ float: right; }
#global_links a{ color: #999; text-decoration: none;}
#global_links a:hover{ color: #999; text-decoration: underline;}

ul#global_links{ margin: 0 0 0 0; padding: 0; float: right; list-style-type: none;}
ul#global_links li{ display: inline; float: left; margin: 0 0 0 10px;}
ul#global_links li a{ color: #999; text-decoration: none;}
ul#global_links li a:hover{ color: #999; text-decoration: underline;}

#content{ padding: 0px; background-color: #fff; }
#content .content_section{ padding: 0 0 15px 0;}
#account_header{ margin: 0 0 0 0;}
#account_header #header_logo{ padding: 15px 0 15px 0; overflow: hidden;}

#account_bar{ margin: 0 0 20px 0; padding: 0; height: 30px; background: url(/images/store/account_header_bar.jpg) top left no-repeat; }
#account_bar .location_crumbs{ color: #333; float:left; width: 400px; }
#account_bar p.crumbs{ margin: 0; padding: 6px 0 0 15px;}
#account_bar p.crumbs a{ color: #404040; font-weight: normal; font-size: 12px; text-decoration: none;} 
#account_bar p.crumbs a:hover{ text-decoration: underline; background: transparent;}
#account_bar .cart_links{ float:left; width:310px; text-align: right;}
#account_bar ul.links{ margin: 0; padding: 6px 15px 0 0; list-style-type: none;}
#account_bar ul.links li{ display: inline; margin: 0; padding: 0 8px 0 10px; border-left: 1px solid #888;}
#account_bar ul.links li.first{ border: 0;}
#account_bar ul.links li.last{ padding-right: 0;}
#account_bar ul.links li a{ color: #404040; font-weight: normal; font-size: 12px; text-decoration: none; margin: 0; padding: 0;} 
#account_bar ul.links li a:hover{ text-decoration: underline; background: transparent;}

/* Links for login/logout/my account in the top header bar */
#account_links{ text-align: right;}
#account_links ul{ margin: 0; padding: 6px 0px 0 0; list-style-type: none;}
#account_links ul li{ display: inline; margin: 0; padding: 0 8px 0 10px; border-left: 1px solid #888;}
#account_links ul li.first{ border: 0;}
#account_links ul li.last{ padding-right: 0;}
#account_links ul li a{ color: #404040; font-weight: normal; font-size: 12px; text-decoration: none; margin: 0; padding: 0;} 
#account_links ul li a:hover{ text-decoration: underline; background: transparent;}


h1{ font-size: 28px; margin: 20px 0 20px 0;}
h1 a{ color: #333; text-decoration: none;}
h1 a:hover{ color: #fff; background-color: #333;}

#content h2{ font-size: 20px; line-height: 20px; margin: 0 0 15px 0; padding: 0 0 0px 0; border-bottom: 0px solid #eee; color: #333; font-weight: bold;}	
/*#content h3{ font-size: 16px; margin: 0 0 13px 0; padding: 0;  color: #404040; font-weight: bold; }*/
#content h3{ font-size: 14px; color: #333; padding: 0; margin: 0 0 10px 0; font-weight: bold;}
#content h3.register_login{ font-size: 14px; color: #333; border-bottom: 1px solid #666; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#content h4{ font-size: 12px; margin: 0px 0 5px 0; padding: 5px 5px 5px 10px; color: #333; font-weight: bold; color: #333; background-color: #eee; }

#sidebar h4{ color: #404040; margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom: 1px solid #999;}

p.instructions{ color: #666; margin: 0 0 20px 0; padding: 0;}

/*******************************/ /* Crumbs styles */ /*******************************/


#content p.instruction{margin: 0 0 5px 0; color: #333;}

.home_page_intro{ margin: 0 0 15px 0; font-size: 14px; color: #666; }

/*******************************/ /* End Crumbs styles */ /*******************************/

/*******************************/ /* Appointment styles */ /*******************************/
p.appointment_description{margin: 0 0 15px 0; font-size: 14px;}

select{ padding: 3px 0 3px 3px; font-weight: bold; font-size: 14px; }

#content .page_section{ padding: 20px; margin: 0 0 15px 0; background-color: #eee; border: 0px solid #ececec; color: #333; line-height: 20px; } 
#content .page_section h3{ margin: 0 0 5px 0; border:0; font-size: 14px; padding: 0 0 10px 0; font-weight: normal; color: #333; font-weight: bold; border-bottom: 1px solid #ccc; } 
#content .page_section a{ text-decoration: none;} 
#content .page_section a:hover{ background-color: #fff;}

#content .page_section_clear{ padding: 10px; margin: 0 0 15px 0;border: 0px solid #ececec; color: #333; line-height: 20px; } 
#content .page_section_clear h3{ margin: 0 0 5px 0; border:0; font-size: 12px; padding: 0 0 0px 0; font-weight: normal; color: #333; font-weight: bold; border-bottom: 0px solid #ccc; } 

#appointment_details{ padding: 0; margin: 0 0 15px 0; line-height: 20px; } 
#appointment_details h3{ margin: 0 0 5px 0; border:0; font-size: 16px; padding: 0;} 
#appointment_details a{ text-decoration: none;} 
#appointment_details a:hover{ background-color: #fff;}

#service_options_inner{ margin: 0 0 15px 0;} 
#service_options_inner table{ margin: 0 0 10px 0; width: 100%;} 
#service_options_inner td{ padding: 0 0 0 0; vertical-align: top; } 
#service_options_inner td.label{ padding: 10px; width: 150px; border-bottom: 1px solid #ddd; background-color: #f1f1f1; font-weight: bold; color: #666; } 
#service_options_inner th.label{ padding: 5px 10px 5px 10px; border-bottom: 1px solid #ddd; background-color: #f1f1f1; font-weight: bold; color: #666; text-align: left; border-bottom: 1px solid #ddd; } 
#service_options_inner td.data{ padding: 10px;}
#service_options_inner td.option_data{ padding: 5px; border-bottom: 1px solid #ddd; color: #666; }

label.service_option{ display: block; font-weight:bold; color: #333;}

	
/*******************************/ /* End Appointment styles */ /*******************************/

#step_buttons{ border-top: 1px solid #aaa; padding: 10px 0 0 0; text-align: right; }

table.store_service_listing {width: 100%; margin: 0 0 15px 0;} 
table.store_service_listing th { text-align: left; background-color: #eee; padding: 5px 5px 3px 5px; font-weight: normal; text-transform: uppercase; color: #666; border-bottom: 1px solid #ccc; } 
table.store_service_listing td { padding: 8px 5px 8px 5px; border-bottom: 1px solid #ccc; vertical-align: top; text-align: left;} 
table.store_service_listing td.service { } 
table.store_service_listing td.service a { font-size: 14px; display: block; font-weight: bold; text-decoration: none; margin: 0 0 0 0;} 
table.store_service_listing td.service a:hover { font-weight: bold; text-decoration: underline; background:transparent;} 
table.store_service_listing td.service p { color: #666; font-weight: normal; font-size: 12px; padding: 0; margin:0;} 
table.store_service_listing td.duration { } 
table.store_service_listing td.price { }

table.service_meta{ margin: 0; padding: 0; }
table.service_meta td{ margin: 0; padding: 0 0 5px 0;}
table.service_meta td.label{ font-weight: bold; width: 30%; vertical-align: top;}
table.service_meta td.details{ }


/*******************************/ /* Form Styles */ /*******************************/

textarea{ height: 50px; width: 80%; margin: 0; padding:8px; font-family: 'lucida sans', arial, helvetica, sans-serif; font-size: 12px; font-color: #404040; line-height: 16px;}
p.form_instructions{ margin: 0; padding: 0 0 0 5px;}

/*******************************/ /* End Form Styles */ /*******************************/


/*******************************/ /* Calendar Picker Styles */ /*******************************/

/* Calendar Picker Styles */

table.date_and_time{ margin-top: 5px; }
table.date_and_time td{ vertical-align: top;}
table.date_and_time td.month{ padding: 0; }
table.date_and_time td.day{ padding: 5px 0 0 0; }

.picker{ margin-bottom: 10px; }
table.calendar_picker{ margin: 0; padding: 0; width: 100%; background-color: #666;}
.calendar_picker_monthname{ margin: 0; color: #111; font-size: 16px; background-color: #404040; margin: 0; padding: 0;}
.calendar_picker_other_month{ background-color: #aaa; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.calendar_picker_daynames{ margin: 0; padding: 0; color: #fff; text-align: center; font-weight: normal;}
.calendar_picker_day{ margin: 0; padding: 0 0 0 0; background-color: #ddd; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #111; text-align: center; vertical-align: middle; font-size: 12px; }
.calendar_picker_day_unavailable{ margin: 0; padding: 5px 0 5px 0; background-color: #c1c1c1; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #777; text-align: center; vertical-align: middle; font-size: 12px;}
.calendar_picker_day a{ text-decoration: none; color: #111; display: block; width: 100%; padding: 5px 0 5px 0; }
.calendar_picker_day a:hover, .calendar_picker_day a:visited{ text-decoration: underline; color: #111; }
#calendar_picker_header{ text-align: center; color: #fff; font-size: 12px; margin: 0; padding: 0;}



#calendar_picker_nav{ padding: 0px 5px 5px 5px; clear: both; float: none; }
#calendar_picker_prev{ float:left; width: 50px; }
#calendar_picker_next{ float: right; width: 50px; text-align: right; }
#calendar_picker_nav a{ color: #111; font-weight: bold;} 
#calendar_picker_nav a:hover, #calendar_picker_nav a:visited{ text-decoration: none; background: transparent;}

#top_month{ padding: 0 0 0 2px;} 
#bottom_month{ padding: 0 0 0 2px; margin: 0 0 0 0px; width: 155px; }

#appmt_month h3{ margin: 0; padding: 0px; color: #fff;}
#appmt_month{ text-align: left; border: 0px solid #999; } 
#appmt_month_container{ text-align: left; border: 0px solid #999; background-color: #ddd; padding: 8px; } 
#appmt_day{ margin: 2px 0 0 10px; padding: 0 10px 10px 10px; width: 330px;  border: 0px solid #999;  }
#appmt_day_content{ margin: 0; padding: 0; }
.page_section #appmt_day_content h3{ font-size: 18px; font-weight: normal; color:#666; border: 0;}
#appmt_day ul{ margin: 0; padding: 0;}
#appmt_day ul li{ margin: 0; padding: 0; list-style-type: none; }

#day_menu{ padding-top: 5px; float: left; clear: both; }
#day_menu a{ color: #666; }
#appmt_month th{ padding-top: 0; padding-bottom: 0; }
#appmt_day_view{ padding: 0 0 0 0px; clear: both; }

/*----------------------------------------------- Calendar Styles -------------------------------------------------*/

table.day_cal { margin-bottom: 15px; background: #e1e0e0; width: 100%; }
table.day_cal th { color: #666; background: none; padding: 3px; font-size: 10px; text-align: left; }
table.day_cal th.month { background: #fff; color: #000; width: 1%; padding-right: 5px; font-weight: bold; font-size: 14px; text-align: center; vertical-align: top; }
table.day_cal td.blank { background: none; }
table.day_cal td { background: #f0f0f0; vertical-align: top; padding: 3px; color: #bbb; font-size: 9px; }
table.day_cal td.with { background: #fff; color: #333; border: 1px solid #000; font-weight: bold; }
table.day_cal td#today { background: #ffc; color: #333; border: 2px solid #fc6; }
table.day_cal ul { padding: 0; margin: 3px 0 0 0; }
table.day_cal li { font-weight: normal; font-size: 10px; line-height: 11px; padding: 3px 0 0 0; margin-bottom: 5px; }

#appmt_day_view table{ margin: 0; padding: 0; border-top: 1px solid #bbb; width: 100%; } 
#appmt_day_view table td{ padding: 3px 5px 5px 5px; border-bottom: 1px solid #ccc; font-weight: bold; } 
#appmt_day_view table td.time{ text-align: left; font-size: 12px;} 
#appmt_day_view table td.select{ text-align: right;} 
#appmt_day_view table td.altbg0{ background-color: #fff; } 
#appmt_day_view table td.altbg1{ background-color: #ddd; }


/*----------------------------------------------- End Calendar Styles -------------------------------------------------*/


/*----------------------------------------------- Cart Styles -------------------------------------------------*/
#content #cart_event_container{ margin: 0; padding: 0; border-top: 1px solid #999;}
#content .cart_event{ margin: 0 0 0 0; padding: 5px 0 5px 0; border-bottom: 1px solid #999;}
#content .cart_event h4{ margin: 0; padding: 0; font-weight: bold; }
#content .cart_event .actions{ margin: 0 0 0 0; padding: 5px 0 5px 0; border-bottom: 1px solid #999;}

table.order_summary_table{ width: 100%; margin: 0 0 20px 0;}
table.order_summary_table th{text-align: left; vertical-align: top; padding: 10px 3px 10px 10px; color: #222; font-size: 1em; background-color: #ddd; }
table.order_summary_table th.price{text-align: right; padding-right: 10px;}
table.order_summary_table td{text-align: left; vertical-align: top; font-weight: normal; padding: 0px 10px 0px 10px;}
table.order_summary_table td a {color: #666; font-family: 'trebuchet ms'; text-transform: lowercase; font-size: 11px;}
table.order_summary_table td a:hover {color: #666; text-decoration: none;}
table.order_summary_table td.item_actions { font-weight: normal; width: 75px; border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 5px; color: #666; background-color: #fff;}
table.order_summary_table td.item_details { font-weight: normal; border-top: 1px solid #ccc; padding-top: 0px; padding-bottom: 5px; color: #666; padding-right: 0;}
table.order_summary_table td.total_label{font-weight: bold; padding-top: 5px; border-top: 1px solid #666; text-align: right;}
table.order_summary_table td.total_blank{padding-top: 5px; border-top: 1px solid #666;}
table.order_summary_table td.total_amount{font-weight: bold; width: 90px; padding-top: 5px; border-top: 1px solid #666; text-align: right; }
table.order_summary_table td.last{ padding-bottom: 5px;}
table.order_summary_table td.last_main{ }

/* These are for the order_details on the checkout review*/
table.order_summary_table td.item_label { font-weight: bold; color: #404040; padding-top: 8px;}
table.order_summary_table td.item_amount{ text-align: right; padding-top: 8px;}
table.order_summary_table td.option_label { padding-left: 30px; color: #666;}
table.order_summary_table td.option_amount{ text-align: right;}

div.checkout_heading{ padding: 10px 3px 10px 10px; color: #222; font-size: 1em; background-color: #ddd; font-weight: bold;}
div.checkout_heading .links{ float: right; margin-right: 10px;}

table.item_details_table{ margin: 0; padding: 0;}
table.item_details_table td.item_label { font-weight: bold; color: #404040;}
table.item_details_table td.item_amount{ text-align: right;}
table.item_details_table td.option_label { padding-left: 30px; color: #666;}
table.item_details_table td.option_amount{ text-align: right;}

#cart_empty{ margin: 0 0 20px 0; padding: 20px; background-color: #eee; border: 1px solid #bbb;}
#cart_empty h4{ background: transparent; font-size: 14px; padding: 0;}
#cart_checkout_options{ text-align: right;}
#checkout_options{ text-align: right; border-top: 1px solid #bbb; padding-top: 10px;}
#checkout_confirmation{ border-top: 1px solid #bbb; padding-top: 10px;}

h5{ margin: 0 0 10px 0; padding: 0;}

#checkout_login{ margin: 0 0 10px 0; padding: 10px; background-color: #e2f0f9;}
#content .payment_method_box{ padding: 10px 20px 10px 20px; background-color: #f1f1f1; border: 1px solid #ddd; margin: 0 0 10px 0;}
.payment_method_box .description{ float: left; width: 400px;}
.payment_method_box .button{ float: right; width: 200px; text-align:right; padding: 3px 0 0 0; }
#content .payment_method_box h4{ padding: 0; background: transparent;}
.formBlock select{ font-weight: normal; font-size: 12px;}

table.order_review_table{ margin: 0 0 20px 12px; padding: 0; }
table.order_review_table td{ margin: 0; padding: 0 0 5px 0;}
table.order_review_table td.label{ font-weight: bold; width: 30%;}
table.order_review_table td.details{ }


/*----------------------------------------------- EndCart Styles -------------------------------------------------*/


#sidebar{ padding-left: 10px; margin: 0; }
#sidebar ul{ }
#sidebar ul li{ color: #666; margin: 0 0 8px 0; list-style: none; padding: 0;}
#sidebar ul li.selected{ color: #111; font-weight: bold; font-size: 1.1em;}

#about_copy{ border: 1px solid #999; padding: 15px;}

/* two_column_form_table - used for signup form */

table.two_column_form_table{ width: 455px;}
table.two_column_form_table td{ width: 200px; padding: 0 0 10px 0;}
table.two_column_form_table td.left{  }
table.two_column_form_table td label{ display: block; margin: 0 0 0px 0; font-weight: bold; color: #404040; }
table.two_column_form_table td input{ width: 200px; padding: 4px; font-size: 12px; font-weight: bold; color: #777;}


/* Registration Page Table */

table.registration_table{ padding: 10px 0 0 0; margin:0 0 0 0;}
table.registration_table td{ vertical-align: top; padding: 0; margin:0;}
table.registration_table td.first{ vertical-align: top; padding: 0 40px 0 0; margin:0;}
table.registration_table td.last{ vertical-align: top; padding: 0 0 0 0px; margin:0;}
#content table.registration_table td h3{ font-size: 14px; color: #333; border-bottom: 1px solid #666; padding: 0 0 10px 0; margin: 0 0 10px 0;}
p.registration_instructions{text-align: left; margin: 0 0 10px 0;}
div.register_buttons{float: right;}

.content_info_section{ padding: 5px 10px 10px 10px; margin: 0 0 10px 0; line-height: 18px;} /*used on the order review page */

/*custom table fields*/
table.form_table{ margin: 0 0 10px 0; padding: 0; }
table.form_table td{ padding: 5px 0px 0px 5px; margin: 0;  }
table.form_table td.align_right{text-align: right;}
table.form_table td.label{ text-align: right; width:90px; vertical-align: top; color: #333; padding-top: 8px;}
table.form_table td.details{ color: #666;}
table.form_table td input{ padding: 3px; font-size: 12px; width: 210px;}
table.form_table td.select_field{padding: 0 0 0 5px;}
table.form_table td.phone input{ width: 170px;}
table.form_table td.end_section{ padding-bottom: 10px; border-bottom: 1px solid #ccc;}
table.form_table td.end_table{ padding-bottom: 10px; border-bottom: 1px solid #999;}
table.form_table td.first_row{ padding-top: 10px; border-top: 1px solid #999;}
table.form_table td.begin_section{ padding-top: 10px;}

table.info_table{margin: 0px 0 1em 0;}
table.info_table th{text-align: left; padding: 5px 5px 2px 0; }
table.info_table td{padding: 5px 5px 2px 5px; }
table.info_table td.label{padding: 5px 5px 5px 0px; font-weight: bold; color: #333; vertical-align: top; width: 80px;}
table.info_table td.details{padding: 5px 5px 15px 5px; color: #000; font-weight: normal;}



/*Error Styles*/
#content .errorExplanation, #error{ border: 2px solid #a62121; padding: 20px; margin-bottom: 1.8em;}
#error{font-weight: bold; }
#content .errorExplanation h2{ font-size: 1.2em; font-weight: bold;}
#content .errorExplanation ul{ margin-bottom: 0; }
#content .errorExplanation ul li{ }


/****************************************************************** 
Flash Styles
*******************************************************************/

#notice{ background: #a9cc66 url(/images/admin/icons/success.png) 14px 10px no-repeat; border: 0px solid #A8DE8C; padding: 10px 5px 10px 39px; font-weight: bold; color: #333; margin-bottom: 10px;}
#warning{ background-color: #ffff88; border: 2px solid #dcdc74; padding: 15px;  font-weight: normal; color: #333; margin: 0 0 10px 0;}
#account_warning{ background-color: #F2EF87; /*border: 3px solid #EFEA07;*/ padding: 10px;  font-weight: bold; color: #333; margin: 10px 0 10px 0;}
#error { margin: 0 0 10px 0; padding: 10px 10px; background-color: #8B1D06; color: #fff;}
#error a{ color: #EFEA07;}


/****************************************************************** 
Invoice Styles
*******************************************************************/

#invoice_wrapper{ padding: 20px; border-width: 1px; border-style: solid; border-color: #ccc #999 #999 #ccc; margin: 0 0px 0 0; }
#content #invoice_wrapper h3{ margin: 0 0 0 0; padding: 0; font-size: 14px;}
#invoice_header{ margin: 0 0 10px 0;}
#invoice_header h2{ margin: 0; padding: 0; font-weight: bold; display: inline; width: 300px; float: left; border: 0;}
#invoice_header_actions{display: inline; float:right;  padding: 0;}
#invoice_header_actions ul{ list-style-type: none; padding: 0 0 0 0; margin: 0;}
#invoice_header_actions ul li{ display: inline; margin-left: 10px; padding: 0; }
#invoice_header_actions ul li a{ font-weight: bold; padding: 2px 0px 5px 5px; color: #666;}
#invoice_header_actions ul li a:hover{ font-weight: bold; padding: 2px 0px 5px 5px; color: #222;}
#invoice_header_actions ul li a.print{ background: url(/images/store/icons/printer.jpg) 0 0 no-repeat; padding-left: 25px;}
#invoice_header_actions ul li a.pay_online{ font-weight: bold; background: url(/images/store/icons/pay_online.jpg) 0 0 no-repeat; padding-left: 15px;}

#split_header{ margin: 0 0 10px 0;}
#split_header h2{ margin: 0; padding: 0; font-weight: bold; display: inline; width: 300px; float: left; border: 0;}
#split_header_right{display: inline; float:right;  padding: 0;}
#split_header_right a{ font-weight: bold; color: #666;}
#split_header_right a:hover{ color: #222;}

table.invoice_header_table{width: 100%; margin-bottom: 20px;}
table.invoice_header_table td{ vertical-align: top;}

table.invoice_meta_table{ float: right; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
table.invoice_meta_table td{ padding: 5px 10px 5px 10px; border-width: 1px 0 0 1px; border-style: solid; border-color: #ddd;}
table.invoice_meta_table td.label{ font-weight: bold; text-align: right; background-color: #eee;}
table.invoice_meta_table td.details{ text-align: left;}


.invoice_no_customer{padding: 10px; margin: 0 0 10px 0; border: 1px solid #F8D030; font-weight:normal; background-color: #F8E060; color: #404040; font-size: 12px; }

table.invoice_summary_table{ width: 100%; }
table.invoice_summary_table th{text-align: left; vertical-align: top; padding: 8px 10px 8px 10px; color: #222; font-size: 12; background-color: #f1f1f1; border-bottom: 1px solid #ddd; }
table.invoice_summary_table th.price{text-align: right;}
table.invoice_summary_table td{text-align: left; vertical-align: top; font-weight: normal; padding: 5px 10px 5px 10px; font-size: 1em; background-color: #fff;}
table.invoice_summary_table td a {color: #004080; font-weight: bold;}
table.invoice_summary_table td a:hover {color: #004080; text-decoration: none;}
table.invoice_summary_table td.service{font-weight: bold; border-top: 1px solid #999;}
table.invoice_summary_table td.service_option{ padding-left: 30px; border-top: 1px solid #eee;}
table.invoice_summary_table td.service_price{border-top: 1px solid #999;}
table.invoice_summary_table td.service_option_price{ border-top: 1px solid #eee;}
table.invoice_summary_table td.total_label{font-weight: bold; border-top: 2px solid #666; text-align: right;}
table.invoice_summary_table td.total_amount{font-weight: bold; border-top: 2px solid #666; }
table.invoice_summary_table td.payment_label{font-weight: normal; border-top: 0; text-align: right;  padding: 0px 10px 8px 10px;}
table.invoice_summary_table td.payment_amount{font-weight: normal; border-top: 0; padding: 0px 10px 8px 10px;}
table.invoice_summary_table td.payment_balance{font-weight: normal; border-top: 0; padding: 0px 10px 8px 10px;}


/* styles for customer account */
#store_submenu{ padding-left: 6px;border-bottom: 1px solid #999;}
#store_submenu ul{ list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; } 
#store_submenu ul li{ display: inline; margin: 0; padding: 0;}
#store_submenu ul li a{ margin: 0; padding: 10px 10px 10px 10px; color: #666; display: block; float:left; text-decoration:none;}
#store_submenu ul li a:hover{ text-decoration: underline; color: #111;}

table.recently_booked{ width: 100%; border-bottom: 0px solid #ddd; border-top: 1px solid #eee; }
table.recently_booked th{  padding: 5px 3px 5px 0px; background-color: #eee; /*background: #fff url(/images/admin/common/table_header_bg.jpg) top left repeat-x;*/ color: #333; font-size: 12px; font-weight: bold; border-top: 0px solid #bbb; border-bottom: 1px solid #bbb;}
table.recently_booked th.first{padding-left: 8px;}
table.recently_booked th.invoice{ text-align: right; padding-right: 15px;}
table.recently_booked td{text-align: left; border-bottom: 1px solid #ddd; font-size: 12px; line-height: 15px; vertical-align: top; color: #404040; font-weight: normal; padding: 9px 10px 6px 0px; }
table.recently_booked td a {text-decoration: none; font-weight: bold;}
table.recently_booked td a:hover {text-decoration: underline;}
table.recently_booked td a.secondary {color: #404040; font-weight: normal; text-decoration: none; }
table.recently_booked td a.secondary:hover {color: #777; text-decoration: underline;}
table.recently_booked td.first{ padding-left: 8px;}
table.recently_booked td.schedule{ padding-top: 7px; }
/*table.recently_booked td.date{text-align: left; padding: 20px 0 0 0;}
table.recently_booked td.date a, table.recently_booked td.date_today a{color: #666; text-decoration: none; text-transform: uppercase; font-weight: normal;}
table.recently_booked td.date a:hover, table.recently_booked td.date_today a:hover{text-decoration: underline; color: #111;}*/
table.recently_booked td.first{ padding-left: 8px;}
table.recently_booked td.last{ border-bottom: 0;}
table.recently_booked td.invoice{ padding-top: 5px; padding-bottom: 5px; text-align: right;}
table.recently_booked td.blank_date{border-top: 0;}
table.recently_booked td.scheduled_on{ }


#customer_form{  padding: 0px 0px 12px 0px;}
#customer_form h4{ background-color: #ccc;}
#customer_form h3{ margin: 0 0 0px 0; font-size: 12px; color: #999; font-weight: normal; border: 0;}
#customer_form_name{ margin: 0 0 0px 0;}

/* tabs in the My Account Section */

#navcontainer{ width:  100%; margin: 0 0 20px 0;}
#content ul#navlist { width: 100%; margin-left: 0; border-bottom: 1px solid #778; display: block; float: left; padding: 0; margin-bottom: 0; }

#content #navlist li { list-style: none; margin: 0; display: inline; float: left; margin: 0 0 -1px 0; }
#content #navlist li a { padding: 3px 10px 5px 10px; margin: 0 0 0 5px; border: 1px solid #fff; border-bottom: none; background: #fff; text-decoration: none; display: block; }
#content #navlist li a:link { } 
#content #navlist li a:visited { }
#content #navlist li a:hover { color: #fff; background: #666; border-color: #666; }
#content #navlist li a#current { border: 1px solid #778; background: white; border-bottom: 1px solid white; }
#content #navlist li a:hover#current{color: #3a4475;}

/* end tabs in the My Account Section */

/* customer header styles in My Account Section */

#customer_header { margin: 0 0 10px 0px; padding: 0px 15px 0 0px; border-bottom: 1px solid #ddd;}
#customer_header .profile_icon{ float: left; padding: 0 10px 0 0; }
#customer_header h2{ color: #222; margin: 0 0 5px 0; font-size: 14px; font-weight: bold; }

img.customer_avatar{ padding:3px; border: 1px solid #ccc;}

#customer_name_info table.customer_header_table{width: 100%; }
#customer_name_info table.customer_header_table td.name{   }
#customer_name_info table.customer_header_table td.edit_button{ width: 200px; text-align: right;}
#customer_name_info a.change_photo_link { color: #888; }

#customer_profile_icon{ float: left; width: 65px;}
#customer_name_info { margin-left: 60px;}


/* End customer header styles in My Account Section */

/* styles for the booking listing in My Account */

#content .bookings{ padding-bottom: 10px; padding-top: 0; margin-bottom: 10px; font-size: 12px; color: #404040;}
#content .bookings table.booking{ margin-bottom: 10px; border-top: 1px solid #999; padding: 0px; }
#content .bookings table.booking td{ vertical-align: top; padding: 0; border-bottom: 1px solid #999;}
#content .bookings table.booking td.date{ width: 140px; font-weight: bold; background-color: #eee; color: #111; padding: 0; }
#content .bookings table.booking td.date .date_wrap{padding: 8px;}
#content .bookings table.booking td.date .time{ font-weight: normal;}
#content .bookings table.booking td.details{ padding: 10px 8px 8px 10px; color: #666;}
#content .bookings table.booking td.actions{ padding: 8px; color: #666;}
#content .bookings table.booking td.actions a{ color: #666;}
#content .bookings table.booking td.invoice{ padding: 10px 0 0 0; width: 120px;}
#content .bookings table.booking td.invoice a{ padding: 0 0 0 10px; }
#content .bookings table.booking td .status{ font-weight: normal; text-transform: uppercase; font-size: 11px; font-family: 'helvetica neue', arial, 'lucida sans', sans-serif; color: #eee; padding: 3px 10px 2px 10px; margin: 0 0 4px 0; }
.canceled_color{ background-color: #666;}
.confirmed_color{ background-color: #557823; }
.declined_color{ background-color: #b80f0d;}
.pending_color{ background-color: #c19c0e; }


#content .bookings .booking h3{ margin: 0 0 2px 0; padding: 0; border: 0; font-weight:normal; font-size: 14px; font-weight: bold;}
#content .bookings .booking h3 a{ border: 0; text-decoration: none; color: #144283;}
#content .bookings .last{ border: 0; margin-bottom: 0;}

/* End styles for booking listing in My Account */

/* Footer styles */

#footer ul{ list-style-type: none; margin: 0; padding: 0;}
#footer ul li{ display: inline; margin: 0 10px 0 0;}
#footer ul li a{ font-weight: normal; }

/* End Footer styles */

/* Rescheduling Styles */

div.reschedule_box{padding: 20px; margin-bottom: 15px; background-color: #eee; border: 3px solid #ccc; font-size: 14px;}
table.reschedule_table{ margin-bottom: 0;}
table.reschedule_table th{ font-weight: bold; padding: 0; }
table.reschedule_table td{ width: 50%; padding: 0;}
.reschedule_buttons{ text-align: right;}
.reschedule_buttons img{  }

/* End Rescheduling Styles */