@charset "UTF-8";
/* eTickets.to Buy Page Styles */
/* 10th may 2009 - Matt McNeill */
/* To edit styles for an individual pages simply add a new style declaration into the event description HTML and it will override these styles */


/* Basic Page Element Styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
p {
	text-align:left;
}
a {
	color:#336699;
}
h1 {
	font-size: 22px;
}

/* Buy Process Main Page Elements */
/* Each major content element is in a unique div, to allow for maximum control */
#pageWrapper {
	width:900px;
}

/* This element contains the event flyer image */
#flyerImage { margin-top:20px; }
#flyerImage, #flyerImage img { height: auto; max-width: 100%; }

/* This element contains the event description text image */
#descText {
	width:550px;
}

/* This element contains the ticket pruchase controls */
#ticketSelect {
	width:550px;
	border:1px solid #ccc;
	padding:10px;
	background:#FFFFFF;
	margin-top:20px;
}
#ticketSelect h2 {
	text-align:left;
	margin:5px 10px;;
}
#ticketSelect table {
	width:550px;
	padding:10px;
}
#ticketSelect td {
	padding:7px;
}
#ticketSelect tr.headings {
	font-weight:bold;
	background-color: #f5f5f5;
}
#ticketSelect td.values {
	font-weight:bold;
}
#ticketSelect td.total {
	font-weight:bold;
}
.divider td {
	border-top:1px dotted #999999;
}
.warning {
	color:#990000;
	clear:both;
	display:block;
	width:150px;
	text-align:right;
}
#ticketSelect .tickVolume {
	padding:2px;
	width:auto;
}

/* Nested within #ticketSelect these 2 elements define the contact and purchase address information */
#contactInfo {
	padding:10px 0;
}
#purchaseInfo {

}


/* Social Media Links */
/* if you don't want to show these just set #social to display:hidden in a CSS definition inserted in the event description HTML */
#social {
	width:550px;
	padding:10px;
	background:#FFFFFF;
	margin: 20px auto 0;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
}
#social h2 {
	text-align:left;
	margin:5px 10px 5px 0;
}
#social ul {
	text-align:			left;
	list-style:			none;
	margin:				6px 0 4px 0;
	padding:			0;
}
#social li {
	text-align:			left;
	display:			inline;
	padding:			0 4px 6px 0;
	font-size:			12px;
	font-weight:		normal;
}	
#social ul li.delicious {
	background:			url("http://etickets.s3.amazonaws.com/images/buttons/delicious.gif") no-repeat 0 0;
}
#social ul li.digg {
	margin-right:5px;
	background:			url("http://etickets.s3.amazonaws.com/images/buttons/digg.gif") no-repeat 0 0;
}
#social ul li.reddit {
	margin-right:5px;
	background:			url("http://etickets.s3.amazonaws.com/images/buttons/reddit.gif") no-repeat 0 0;
}
#social ul li.facebook {
	background:			url("http://etickets.s3.amazonaws.com/images/buttons/facebook.gif") no-repeat 0 0;
}
#social ul li.stumbleupon {
	background:			url("http://etickets.s3.amazonaws.com/images/buttons/stumbleupon.gif") no-repeat 0 0;
}
#social ul li a {
	padding:			0 0 0 20px;
	margin:				0 3px 0 0px;
}


/* eTickets.to Credits */
#poweredBy {
	width:550px;
	padding:10px;
	background:#FFFFFF;
	margin: 0 auto 20px;
	padding-top: 10px;
	text-align:center;
}
#poweredBy p{
	text-align:center;
	margin:5px 0;
}

/* Data Entry Form Styles */
#instructions {
	padding: 10px 0;
	border-top:1px dotted #333333;
	margin:0 20px 0px 20px;
}
#dataEntry {
	width:450px;
	text-align:left;
	margin-bottom:20px;
}
#dataEntry fieldset {
	border:none;
}
#dataEntry .f-group, #dataEntry .f-groupdob {
	clear:both;
	float:left;
	margin:6px 0px 6px 0px;
	width:450px;
}
#dataEntry .f-groupcent {
	text-align:center;
	clear:both;
}
#dataEntry label {
	float:left;
	font-weight:bold;
	margin-top:8px;
	margin-right:10px;
	text-align:right;
	width:150px;
}
#dataEntry  input, select, textarea {
	padding:5px;
	width:200px;
	background-repeat:no-repeat;
}
#dataEntry  input, textarea {
	border:2px solid #999;
}
#dataEntry  input:focus {
	border:2px solid #999;
}
#dataEntry input.noBorder {
	border:none;
	width:30px;
}
#dataEntry .f-groupdob table{
	padding:0;
	width:200px;
}
#dataEntry .f-groupdob table td{
	padding:0 5px 0 0 ;
}
#dataEntry .f-groupdob select{
	width:auto;
}
#dataEntry .namedTickets {
clear:both;
padding:20px 0;
	text-align:center;
}
#paymentButtons {
	border-top:1px dotted #333333;
	margin:0 20px 20px 20px;
	text-align:center;
	clear:both;
}
#datePick input{
	padding:5px;
	width:120px;
	border:2px solid #999;
}
#datePick label {
	font-weight:bold;
	margin-top:8px;
	margin-right:10px;
	text-align:right;
}
#datePick .selectDateText {
	display:block;	
}
#datePick {
	margin-bottom:10px;
}
.payNow {
	display:block;
	font-weight:bold;
	padding:10px;
}
#dataEntry input.noBorder {
	border:none;
	width:auto;
}

/* Confirm order details page */
#ticketSelect table.tickTypes{
	width:180px;
	border:none;
	padding:0px;
	background:#FFFFFF;
	margin-top:0px;
}
#ticketSelect table.tickTypes td{
	padding:0px;
}
#confirmText {
	font-weight:bold;
	margin-top:20px;
}
#actionDiv, #actionLayer {
left:0;
position:absolute;
top:0;
visibility:hidden;
z-index:10000;
}

/* Terms and conditions page */
#Terms {
	background: #ffffff;
	padding:20px;
}