/* -----------------------TICKET PAGE (MULTIPLE EVENTS)----------------------------- */
/*

		You can customise this CSS file to suit your website. Save a copy onto your webserver and change the link
		at the start of your widget code

		From: <link rel='stylesheet' href='http://www.skiddle.com/infofeed/ticketboxjs.css' type='text/css' /> 
		To:   <link rel='stylesheet' href='http://yourwebsite.com/ticketboxjs.css' type='text/css' /> 

		Alternatively, you can pick the styles below you wish to customise and include them directly on your page, between
		two <style></style> tags

		eg, this would make the event name bigger and the font colour red:

		<style type='text/css/>
			#ticketInfo .eventName{
				font-weight:bold;
				font-size:1em;
				color:red;
			}
		</style>


*/
/* The overall widget */
#ticketInfo {width:500px; font-family:verdana;;font-size:10pt; color:#000;}

#ticketInfo .intro { font-size:0.80em;}	

/* Event Box */
#ticketInfo .tbEventInfo {	
	border:1px solid #DDD;
	background-color:#EEE;
	width:100%;
	padding:2px;
	margin-bottom:20px;
	border-bottom:4px solid #AAA;
}

/* Tickets available box */
#ticketInfo .tbTicketInfo {padding:5px; background-color:#F7F7F7; width:100%;}

/* Event Image style */
#ticketInfo .eventImg {
	border:2px solid #DDD;
	width:100px;
	
}

/* Text styles for event info */
#ticketInfo .eventName{
	font-weight:bold;
	font-size:0.96em;
	color:#000;
	
	
}
#ticketInfo .eventDate{
	font-weight:normal;
	font-size:0.80em;
	
	
}
#ticketInfo .eventTimes{
	font-size:0.80em;
	color:#000;
}
#ticketInfo .eventDesc{
	font-size:0.80em;
	
	color:#222;
}
#ticketInfo .eventVenue{
	font-size:0.80em;
	padding:2px;
	color:#000;
}

/* ticket information row */

#ticketInfo .disabled{
	opacity:0.4;
}
#ticketInfo .header{
	background-color:#444;
	color:#FFF;
	font-weight:bold;
	padding:4px;
	font-size:0.80em;
}
#ticketInfo .tktRow{
/*border-bottom:1px solid #ddd;*/
padding:5px;
}
/* Text styles for ticket info */
#ticketInfo .tktName{
	font-size:0.80em;
	color:#000;

}

#ticketInfo .warning{
	color:#e51d7b;
	font-size:0.80em;

}
#ticketInfo .tktPrice{
	font-size:0.80em;

}

#ticketInfo .tktQty{
	font-size:0.8em;
}




#ticketInfo .bluesubmit{
	
	font-weight:bold;

/* -----------------------TICKET BOX (ONE EVENT)------------------------ */

/* The outer box with ticket info */
#ticketBox {width:500px; }

/* The inner box with ticket types listed */
#ticketBox {background-color:#DDD;padding:5px;}
#ticketBox .tbTicketInfo {padding:5px;background-color:#F7F7F7;width:100%;}

/* Intro text */
#ticketBox .intro{font-size:0.80em}

/* Header row in table */
#ticketBox .header{background-color:#9cbee7;color:#FFFFFF;font-weight:bold;padding:2px;}

/* Style for disabled ticket types */
#ticketBox .disabled{	opacity:0.4;}

/* Ticket Row */
#ticketBox .tktRow{padding:5px;border-bottom:1px solid #DDDDDD;font-size:0.80em;}

/* Text styles for ticket info */
#ticketBox .tktName{	color:#000;	font-weight:bold;}
#ticketBox .warning{	color:red;	font-size:0.8em;}
#ticketBox .onSale {	font-size:0.8em;}
#ticketBox .tktPrice{}
#ticketBox .tktQty{	font-size:1em;}
/* END TICKET BOX */