/* 
--------------------------------------------------
---  global definitions  - Seen by everyone    ---
--------------------------------------------------
*/

/* --- FONT-FAMILY --- */
body,th,td,div,address		{ font-family: Tahoma, Verdana, sans-serif; }	/* content */
a,.button,select			{ font-family: Tahoma, Verdana, sans-serif; }	/* menu / buttons / links */
input,textarea,.data		{ font-family: "Courier New", Courier, mono; }	/* input */
table.alert					{ font-family:"Lucida Console","Courier New", Courier, mono; }

/* ------- FONT-SIZE -------- */
table.seat_legend th		{ font-size:10px; }
table.form th,td,div,a		{ font-size:11px; }

address,th				{ font-size:13px; }
div.order div.voided	{ font-size:14px; }

a			{ color: #0000aa; text-decoration:none; font-weight: bold; font-size:12px; line-height: 14pt; }
a:hover		{ text-decoration:underline; color: #9933FF; }

address { font-style:normal; }

body		{ font-size:12px; text-align:left; color: black; width: 100%; margin:5px 5px 5px 0px;	}

h1	{ font-size:18px; color: #500050; margin: 0px -5px 0px -5px; padding-left: 5px; font-style:italic; }
h2	{ font-size:15px; color: #500050; margin: 10px auto auto 0px; }
h3	{ font-size:13px; color: #500050; margin: 10px auto auto 0px; line-height:2.2ex; }

form{ margin: 2px 2px 2px 2px; }
table	{	border-collapse:collapse;	}

p{	margin-left: 10px; 
	margin-bottom: 5px; 
	margin-top: 10px; 
}
th{	padding: 4px 8px 4px 8px; }
td{ padding: 0 0 0 0; color: black; }


img	{border-style:none; padding:0 0 0 0; margin:0 0 0 0; }

input	{ border: 2px inset gray; padding: 1px 1px 1px 1px; font-size:12px; }
select	{ border: 2px inset gray; padding: 1px 1px 1px 1px; font-size:12px;}
textarea{ border: 2px inset gray; padding: 1px 1px 1px 1px; font-size:12px;}

.button	{ padding: 2px 6px 2px 6px; font-size:11px; border:thin outset black; cursor:pointer; background-color:#CCCCCC;}
.button:hover{ cursor:pointer; }

span.alert	{ font-weight:bold; }
table.alert	{ background-color:white;  }
table.alert td { padding: 3px 5px 3px 5px; }

img.icon{ vertical-align: middle; padding-right:3px; } /* aligns and separates image from following text */

a.production_link span	{ vertical-align:middle; } /* vertical-aligns production name with icon */
p.instructions			{ font-size:16px; margin:20px 20px 20px 20px; } /* instructions telling user what to do */


/* 
=======================
===  multi-page =======
=======================
*/

/* Footer Bar */
table.footer_bar{	width: 780px; border-top: thin solid white; padding:2px 5px 2px 5px; margin:0px 15px 5px 5px; color: white; }
table.footer_bar a { color:white; text-decoration:none; font-weight:normal; font-size:11px; }/* powered by fiddlefox link */
table.footer_bar a:hover { text-decoration:underline; }

/* purple document */
div.document	{	border:thin solid white; padding: 5px 5px 5px 5px; margin: 4px 4px 4px 4px; width: 800px; text-align:left; }

/* customer / box office white page */
.customer,			.box_office			{  border-style: none; margin: 0 auto 0 auto; padding: 2px 10px 5px 10px; }
table.customer,		table.box_office	{ width:790px; }
table.customer td.body,	table.box_office td.body	{ padding:1px 5px 5px 5px; }


/* status message */
div.status_msg{ margin: 5px 20px 5px 20px; color: ff4444; font-size:14px; background-color:white; padding:4px 6px 4px 6px; font-weight:bold; }

/* Header at top of customers page - ticket hotline / feedback link */
table.order_page_header { width:760px; }
table.order_page_header td{ padding:5px 0 0 0; }
table.order_page_header td.left{ width:500px;}
table.order_page_header td.right{ width:260px;}
table.order_page_header td a{ font-size:9px; }


/* === perf_list ===  */
table.perf_list{ width:720px; }	/* default width */
table.perf_list th,
table.perf_list td{ text-align:center; padding:2px 7px 2px 7px; }	/* padding and text alignment */
table.perf_list th{ vertical-align:bottom; }
table.perf_list td{ vertical-align:top; }
table.perf_list td{ border-top:2px solid #aaaaff; border-bottom:2px solid #aaaaff; }	/* border */
table.perf_list td.ticket_count_number	{ padding:0 0 0 0; border-left:thin solid gray; }	/* groups the ticket counts columns together */ 
table.perf_list td.ticket_count_graph	{ padding:0 0 0 0; border-right:thin solid gray; }
table.abrev table.perf_list{ width:auto; } /* this uses abrev form of table for selecting tickets */
table.perf_list td.price{ text-align:right; }
table.perf_list tr.total_cost th,
table.perf_list tr.total_cost td	{ border-top:3px solid black; padding-bottom: 5px;}
table.perf_list tr.floating_row th,
table.perf_list tr.floating_row td	{ border-style:none; }
table.perf_list td.right { text-align:right; }


/* === displays seats === */
table.venue_layout 				{ background-color:white; }
table.venue_layout td.stage_layout		{ color: white; background-color: #333377; }
table.venue_layout { border:thin solid black; }
table.venue_layout td.stage_layout{ padding:3px 4px 0px 4px; font-weight:bold; height:20px;}
table.seats { border-collapse:collapse; margin:15px 15px 15px 15px; }
table.seats td{ padding: 0px 0px 0px 0px; border: 0px solid white; }
table.seats td textarea,
table.seats td input,
table.seats td div{ border: 2px solid white; width: 24px; height: 24px; margin: 0px 0px 0px 0px; }
table.seat_legend th{ padding: 0px 20px 0px 2px; }
table.seat_legend td{ width:18px; height:18px;border:thin solid gray;}
table.seats td div			{ text-align:center;}

/*
=======================
===  Page Specific   ==
=======================
**/

/* feedback.php */
table.feedback		{ border:thin solid gray; background-color:#CCCCCC;padding:20px 20px 20px 20px; }
table.feedback td	{ padding:3px 4px 3px 4px; }

/* return_tix - text at bottom */
table.return_tix { margin:10px 10px 10px 10px; }
table.return_tix th{ padding-top:3px;padding-right:30px; }

/* season_edit.php  */
table.season_list td.shows{ font-weight:bold; }
table.season_list td,table.season_list th{ padding: 5px 10px 5px 10px; }
table.season_list td{ border-top: 2px solid #aaaaff; border-bottom: 2px solid #aaaaff; }
table.season_list td.description{ font-style:italic; border-top:hidden; }

/* === select tickets - find / check availabilty === */
div.ticket_input{ border: 4px outset gray; padding: 15px 15px 15px 15px; background-color: #CCCCFF;}
div.ticket_input span.option { font-weight:bold; }
div.ticket_input h2{ margin-top: 0px; }

/* Ticket Options 1,2,3 */
table.ticket_options	{ width: 450px; }
table.ticket_options td { padding: 2px 5px 2px 5px; border-top:thin solid gray; border-bottom:thin solid gray; text-align:center; }
table.ticket_options th { text-align:center; padding: 2px 5px 2px 5px; }
table.ticket_options td.price,
table.ticket_options th.price { text-align:right; }
table.ticket_options table td{ border-style: none; padding: 0px 2px 0px 2px; }  /* hide table inside "found" tickets */
div.option_color_box{ width:25px; height: 15px; border: 2px solid white; margin: 0px 0px 0px 0px; } /* the 3 boxes of different colors in table */

/* === order === */
div.order{ border: 4px outset gray; padding: 0px 8px 8px 8px; background-color: #ddddee }
div.timeout { margin-left: 40px; margin-top:0px;  }
div.order div.timeout a{ padding-right: 1ex; }
div.order table.cust_info{ margin: 0px 0px 0px 0px; }
div.order table.cust_info th{  padding: 3px 3px 3px 3px; }
div.order table.cust_info td{  padding: 3px 15px 3px 5px; }
div.order div.voided{ margin:0 0 5px 0;font-weight:bold;}
div.order div.payment{ margin: 0 0 0 0; }
div.order div.customer_box,
div.order div.recipient_box,
div.order div.payment_box  { margin:5px 0 5px 0;padding: 10px 5px 10px 5px; border:2px outset gray; }

/* at the end to override any screwy changes made above */
.left 		{ text-align:left; }
.price,
.label,
.right		{ text-align:right; }

.notice		{ color: #4444ff; }
.alert		{ color: red; }
.hidden_google_hint { display:none; }  /* hidden text to help google toolbar */
.section_separator	{ 	background-color: #AACCFF; } /* breaks table into different sections, looks like a header (month on perf_list, season/tickets/payment on order)*/