/* -----------------------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://static.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 outer box with ticket info */

/* The overall widget */
#ticketInfo {width:550px; font-family:verdana;;font-size:10pt; color:#000;}
#ticketInfo td { 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 */

/* 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;
}
#ticketInfo .tktDelivery{
font-size:0.80em;
color:#4c90ff;
font-weight:bold;
}

/* ticket information row */

#ticketInfo .disabled{
	opacity:0.4;
}



#ticketInfo .tbTicketInfo {padding:5px;width:100%;background: #fff9ac url('http://static.skiddle.com/images/skin/yellowstripe.png');border:2px solid #444}

#ticketInfo .tbTicketInfo td, #ticketInfo .tbTicketInfo tr{background-color:transparent;}

#ticketInfo tr.header, #ticketInfo td.header{
	background-color:#444;
	color:#FFF;
	font-weight:bold;
	padding:4px;
	font-size:0.80em;
        height:auto;
}

#ticketInfo .tktRow{
border-bottom:1px solid #ddd;
padding:5px;
}
/* Text styles for ticket info */
#ticketInfo .tktName{
	font-size:1em;
	color:#000;
	font-weight:bold;

}
#ticketInfo .tktDesc{
	font-size:x-small;
	color:#444;
	
}
#ticketInfo .onSale{
	font-size:x-small;
	color:#444;
	
}
#ticketInfo .warning{
	color:#e51d7b;
	font-size:0.80em;
	background: none;
	border: 0;
	padding: 0;
}
#ticketInfo .tktPrice{
	font-size:1em;
	font-weight:bold;
}

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



#ticketInfo .bluesubmit{
	
	font-weight:bold;

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

/* The outer box with ticket info */
#ticketBox {width:500px;background-color:#DDD;padding:5px }

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

#ticketBox .tbTicketInfo {padding:5px;width:100%;background: #fff9ac url('http://static.skiddle.com/images/skin/yellowstripe.png');}
#ticketBox .disabled{
	opacity:0.4;
}

#ticketBox .header{
background-color:#121110;color:#ffca06;font-weight:bold;
padding:3px;
}
#ticketBox .tktRow{
/*border-bottom:1px solid #ddd;*/
padding:5px;
border-bottom:1px solid #DDDDDD;
}
/* Text styles for ticket info */
#ticketBox .tktName{
	font-size:small;
	color:#000;
	font-weight:bold;
}
#ticketBox .tktDesc{
	font-size:x-small;
	color:#666;
	
}
#ticketBox .onSale{
	font-size:x-small;
	color:#666;
	
}
#ticketBox .warning{
	color:red;
	font-size:xx-small;

}
#ticketBox .tktPricetd{
width:80px;
}
#ticketBox .tktPrice{
	font-size:small;
	color:#000;
	font-weight:bold;
}
#ticketBox .txtPriceFees{
font-size:xx-small;
color:#555;
}
#ticketBox .txtPriceFeesHidden{
font-size:xx-small;
color:#555;
display:none;}

#ticketBox .txtPriceFees a{
color:#555;
}
#ticketBox .tktQty{
	font-size:small;
}