/*
* Tripleseat style form */


body #tripleseat_embed_form table td { padding:5px; }
body #tripleseat_embed_form_inline a {display:none}

body #tripleseat_embed_form label { display:block; font-size:14px;font-family: 'Open Sans', sans-serif; font-weight:100; color: #fff }			
body #tripleseat_embed_form label span.required { color: #C00; } /*star by required */
body #tripleseat_embed_form input, #tripleseat_embed_form textarea { border:solid 1px black;  }
body #tripleseat_embed_form input.error, #tripleseat_embed_form .location_list.error, .errorExplanation { background-color:#ffecdc; border:1px solid #ed1c24; }
body #tripleseat_embed_form_inline input.error, #tripleseat_embed_form_inline .location_list.error, .errorExplanation { background-color:#ffecdc; border:1px solid #ed1c24; }
body #tripleseat_embed_form .errorExplanation { width: 450px; }

body #tripleseat_embed_form .location_list input { float:left; border:none; }
body #tripleseat_embed_form .location_list label { float:left; cursor: pointer; }
body #tripleseat_embed_form .location_list div { clear:both;  }
body #tripleseat_embed_form #contact_preference_label { display:inline; }
body body #tripleseat_embed_form .row_email_opt_out input, #tripleseat_embed_form .row_email_opt_out label { float:none; }


body #tripleseat_embed_form #lead_form_submit a { float:right; font-size:80%; }
body #tripleseat_embed_form #lead_submit { float:left; font-size: 15px; }
body #tripleseat_embed_form_inline #submit_spinner, #tripleseat_embed_form #submit_spinner { background:url(http://api.tripleseat.com/images/spinner_mac.gif) no-repeat; float:left; width: 16px; height:16px; margin-left:10px; display:none; }

body #tripleseat_embed_form_inline h2 { color: red; margin-bottom:10px; display:none; } /* section main title */
body #tripleseat_embed_form_inline .tripleseat_field_section { float:left; clear:left;  }
body #tripleseat_embed_form_inline .tripleseat_field { float:left; margin-right:10px; margin-top: 10px; } /* area of input box title */
body #tripleseat_embed_form_inline .tripleseat_field label { float:left; color: #f9f9f9; font-family: 'Open Sans', sans-serif; font-weight:lighter; } /* input box title */
body #tripleseat_embed_form_inline .tripleseat_field input { float:left; clear:left; color:#fff; background:transparent; border:1px solid #fff; padding:4px 5px; }  /* input text */
body #tripleseat_embed_form_inline .ts_contact_preference select { margin-left:10px;  } /* contact dropdown */
body #tripleseat_embed_form_inline . { margin-left:10px; }
body #tripleseat_embed_form_inline .location_list { float:left; clear:left; }
body #tripleseat_embed_form_inline .location_list.error { padding:3px; }
body #tripleseat_embed_form_inline #lead_email_address { width:100%; }
body #tripleseat_embed_form_inline #lead_phone_number { width:100%; }
body #tripleseat_embed_form_inline #lead_phone_number_extension { width:80px; }
body #tripleseat_embed_form_inline #lead_company { width:100%; }
body #tripleseat_embed_form_inline #lead_event_description { width:100%; background:transparent; color:#fff; border: 1px solid #fff;}
body #tripleseat_embed_form_inline #lead_event_date { width:100%; }
body #tripleseat_embed_form_inline #lead_guest_count { width: 100%; }
body #tripleseat_embed_form_inline #lead_additional_information {background: transparent; color: #fff; border:1px solid #fff; width:100%; max-width:387px;}
body #tripleseat_embed_form_inline .tripleseat_field.ts_powered_by { float:right;}
body #tripleseat_embed_form_inline .tripleseat_field.ts_submit input { font-size:14px; font-weight:700; text-transform:uppercase; border:solid 1px #fff; color: #2a2a2a; background:#fff; padding: 5px;}
body #tripleseat_embed_form_inline .tripleseat_field.ts_submit input:hover{background:transparent; color: #fff; }
body #tripleseat_embed_form_inline .tripleseat_field.ts_submit { width: 200px; }
body #tripleseat_embed_form_inline .tripleseat_clear { clear:both; }
body #tripleseat_embed_form_inline .ts_email_opt_out input, #tripleseat_embed_form_inline .ts_email_opt_out label { float:left; }

body div.timeselect { position: absolute; height: 140px; overflow-y: scroll; overflow-x: hidden; }
body div.timeselect a { display: block; height: 19px; line-height: 19px; padding: 0 20px 0 3px; white-space: nowrap; text-decoration:none; color: black; }
body div.timeselect a.hover { background-color: #777; color: #fff; }

#ui-datepicker-div { display:none; z-index: 1000 !important; }
body .ui-datepicker { font-size: 12px; }
input.hasDatepicker { background-image: url(http://api.tripleseat.com/images/icons/icon_calendar.png); background-position: 3px center; background-repeat: no-repeat; padding-left: 23px; width: 84px; }
input.timeselect_input { background-image: url(http://api.tripleseat.com/images/icons/icon_clock.png); background-position: 3px center; background-repeat: no-repeat; padding-left: 23px; width: 84px; }

.errorExplanation { color: black; margin:0pt 0pt 20px; padding:5px; }
	.errorExplanation h2 { background:none; font-size:12pt; font-style:normal; color:#ed1c24; border-color: #ed1c24; margin: 0 0 5px 0;}
	.errorExplanation p { margin: 0 0 10px 0; }
	.errorExplanation ul { margin: 3px 0 10px 0; padding: 0; }
	.errorExplanation li { margin: 0 0 0 15px; }