/* -----------------------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:540px;}

#ticketInfo .intro {
	font-size:12px;
	line-height: 18px;
	padding: 0 0 20px 0;
	border-bottom:1px solid #1c571b;
}	

/* Event Box */

#ticketInfo .tbEventInfo {
	width:100%;
	padding: 20px 0 20px 0;
	border-bottom:1px solid #1c571b;
}

/* Tickets available box */

#ticketInfo .tbTicketInfo {
	width:100%;
}

/* Event Image style */

#ticketInfo .eventImg {
	background-color:#1c571b;
	border:1px solid #FFF;
	padding: 2px;
	width:100px;
	margin: 0 10px 10px 0;
}

/* Text styles for event info */

#ticketInfo .eventName{
	color: #FFFF00;
	font-size: 18px;
	font-family: "Georgia", Times New Roman, Times, serif;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform:lowercase;
	margin: 0 0 15px;
}
#ticketInfo .eventDate, #ticketInfo .eventVenue{
	font-weight: bold;
	color: #FFFF00;
	font-size: 12px;
}
#ticketInfo .eventTimes{
	font-size:12px;
	color:#fff;
}
#ticketInfo .eventDesc{
	font-size: 12px;
	line-height: 18px;
	color:#fff;
}

/* ticket information row */

#ticketInfo .disabled{
}
#ticketInfo .header {
	background-color: #FFFF00;
	color: #000;
	font-weight: bold;
	padding: 5px;
	font-size: 12px;
}
#ticketInfo .tktRow {
	background-color: #1c571b;
	color: #FFF;
	padding: 5px;
}

/* Text styles for ticket info */

#ticketInfo .tktName {
	font-size: 12px;
	color:#fff;
}
#ticketInfo .warning {
	background-color:#FF0000;
	color:#fff;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	margin: 0 0 0 5px;
	font-size: 12px;
}
#ticketInfo .tktPrice {
	font-size:12px;
}
#ticketInfo .tktQty {
	font-size:12px;
}
#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 {padding:5px;}
#ticketBox .tbTicketInfo {padding:5px;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 */