/* --- Copyright eFirst --- */

* { text-align:left; }
td { vertical-align:top; }
th { text-align:left; }
form { display:inline; }
img { border:0; }

/* Session page */
#sessionDescription {
	overflow:hidden;
	padding:10px 0 10px 0;
}

#sessionDescriptionMoreText {
	display:none;
}


#sessionDescriptionLessLink {
	display:none;
}

#sessionImage {
	float:right;
	width:110px;
	cursor:pointer;
	padding-right:20px;
	z-index:10;
	position:relative;
}

#mobile #sessionImage {
	width:75px;
	cursor:pointer;
	padding:0;
}

#diaryLink {
	padding-right:20px;
	position:relative;
	left:-130px;
	top:25px;
	margin-top:-25px;
	float:right;
}

#mobile #diaryLink {
	padding-right:20px;
	position:relative;
	left:20px;
	top:-4px;
	margin-top:-25px;
	float:right;
}


#pricing {
	width:100%;
	background:#fff;
	margin:0;
	padding:0;
}
#pricing th {
	background:#666;
	color:#fff;
}
#pricing td, #pricing th {
	border-top:1px solid #ccc;
	padding:4px;
	margin:0;
}
#pricing td.noBorder {
	border-top:none;
}
#pricing select {
	width:45px;
}
/* Session page */


#shoppingControls { padding:3px; position:relative; top:-0; left:0; float:right;}
#shoppingControls a { text-decoration:none; color:#333; }
#shoppingControls a:hover { text-decoration:underline; color:#e12128; }

.addToCartTable { background:#8eacb4; width:250px; margin:0px; padding:0; }


.formTable { background:#fff; width:100%; border:1px solid #666;}

.formTable td { border-bottom:1px solid #999; }

.formTable a:hover {
	color: #000;
	text-decoration: underline;
}

.formTable h3 { color:#000; padding:0; margin:0; }

.sslTable {width:100%;  background:#efaeae;}

.r1 {background:#f3f3fb; font-weight:bold;}
.r2 {background:#ffffff; font-weight:bold;}
.r3 {background:#ef2233; font-weight:bold; text-align:left; color:#fff; }
.rh { background:#ef2233; color:#fff; }
#mobile .rh { background:#576397; color:#fff; }
#mobile .r3 {background:#576397; font-weight:bold; text-align:left; color:#fff; }
.rh h3 { color:#fff; }

.r3 input { float:right; }

.t1 { width:150px; font-weight:bold; }
.t2 {font-weight:normal;}

.formInputSma {width:30%;}
.formInputMed {width:60%;}
.formInputLge {width:90%;}
.formTextArea {width:220px}
input:focus, textarea:focus {background-color: #8CC4D6;}


.ErrorText {padding:4px; background:#FFDADA; border:1px solid #F00; color:#333;}
.error {background:#FFDADA;  font-weight:bold;}
.error input:focus {background-color: #fff;}

.customerMSG {padding:4px; background:#daffdf; border:1px solid #00f022; color:#333; -webkit-border-radius:8px; }

form { display: inline; }



#browseTab {
  position: relative;
  left: 10px;
  font-family: Arial;
  font-size: 10pt;
 }

#browseTab select {
	width:150px;
}

#browseTab .content {
	position: relative;
	width: 550px;
	height: 60px;
	margin-left: -10px;
	font-family: Arial;
	padding: 15px 15px 15px 15px;
	border: 2px solid #CCCCCC;
	background-color: #F7F7F7;

}

#browseTab .tab {
	position: relative;
	border: 1px solid #CCCCCC;
	padding: 2px 9px 1px 9px;
	background-color: #555555;
	color: #FFFFFF;
	z-index: 1;
	border-bottom-width: 0;
	text-decoration: none;
  }

#browseTab  *.selected {
	padding: 3px 9px 3px 9px;
	color: #060610 ;
	background-color: #F7F7F7;
	z-index: 2;
 }

#searchButton {
	margin:0;
	padding:0;
	top:1px;
	position:relative;
	z-index:5;
}
#searchBox {
  position: relative;
  width:500px;
  height:110px;
  font-size: 11px;
  border:1px solid #4c4c4c;
  background-color: #F7F7F7;
  padding:5px 0 0 5px;
 }

#mobile #searchBox {
	height:auto;
	width:280px;
}


#searchBox input, select {
  width:100px;
 }

#searchBox #calendar th {
  background:#ccc;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding:2px;
  text-align:center;
  font-size:7pt;
  width:15px;
}

#searchBox #calendar td {
  background:#d9d9d9;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding:2px;
  text-align:center;
  font-size:7pt;
}



#searchBox #calendar a {
  color:#333;
}


.qty {
  width:25px;
}


#cartViewBox {
  width:200px;
  font-family: Arial;
  font-size: 11px;
  color:#333;
  padding-left:5px;
}



#cartViewBox td th {
	padding:2px;
}
#cartViewBox th {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:#8A3E02;
	text-transform: uppercase;
	text-decoration: none;
	padding:4px 0 4px 0;
}
#cartViewBox .sep {
	border-top:1px solid #ccc;
}
#cartViewBox .fee {
	font-size:9px;
	text-align:center;
	font-style: italic
}


.bodyTextSmall {font-size:9px; }


#venue {
  position: relative;
  width:505px;
  left: 20px;
  top: 20px;
  font-family: Arial;
  font-size: 11px;
  text-align:left;
  border: 2px solid #CCCCCC;
  background-color: #fff;
  padding:5px 0 0 5px;
  color:#000;
  text-align:left;
}

#venueClose {
  position: absolute;
  left: 429px;
  top: 25px;
}

#calendarWindow {
  position: relative;
  width:800px;
  left: 20px;
  top: 20px;
  font-family: Arial;
  font-size: 11px;
  text-align:left;
  border: 2px solid #CCCCCC;
  background-color: #fff;
  padding:5px 0 0 5px;
  color:#000;
  text-align:left;
}

#calendarWindowClose {
  position: absolute;
  left: 719px;
  top: 25px;
}



.receipt {
	background: #fff;
	font-size:11px;
}


.receipt td {
	padding-left:5px;
	padding-right:5px;
}


.receiptH1 {
  font-size:22px;
  font-weight: bold;
}

.receiptH2 {
  font-size:20px;
  font-weight: bold;
  text-align: right;
}

.receiptNo {
  font-size:11px;
  font-weight: normal;
  text-align:right;
}

.receiptClientInfo {
  font-size:10px;
  font-weight: normal;
  text-align:right;
}

.receiptSep2 {
  border-top: 2px solid #000;
  height:2px;
}
.receiptSep1 .receiptSep3 {
  border-top: 2px solid #000;
  height:2px;
}

.receiptBookingHeader {
  background: #000;
  color: #fff;
  font-weight:bold;
}

.receiptBookingCol {
  border-right: 1px solid #000;
}

.receiptBookingColR {
  border-right: 1px solid #000;
  text-align:right;
}

.receiptBookingSep {
  border-top: 1px solid #000;
  height:1px;
}
.receiptBookingSepR {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  height:1px;
}


.receiptBookingFoot {
  border-top: 4px solid #000;
  height:1px;
}
.receiptHidden {
  color:#ffa;
}

#prodList {
	width:100%;
}
#prodList th {
	color:#fff;
	background-color:#666666;
	padding-left:3px;
	text-align:left;
}
#prodList td {
  border-bottom: 1px solid #e0e0e0;
  padding:3px;
  color:#333;
}

#prodList .day {
  border-bottom: 1px dashed #666666;
  padding:3px;
  padding-top:10px;
}


.infoBox {
	width:167px;
	border:1px solid #000;
	background: #ccc url('../img/ticketingInfo.gif') no-repeat;
	z-index:99;
	padding:5px;
}
.infoBox td {
	padding-top:25px;
}



.soldOut, .limitedTickets, .sellingFast, .dateAvailable {
	float:right;
	top:-3px;
	left:-10px;
	position:relative;
	font-weight:bold;
}
.soldOut {
	color:red;
}
.limitedTickets {
	color:blue;
}
.sellingFast {
	color:orange;
}
.dateAvailable {
	color:green;
}



/* Calendar Layout */
#calendar { border:1px solid #999; }
#calendar th { height:25px; width:100px; vertical-align:top; text-align:middle; }
#calendar .dayName { background-color:#346db0; color:#fff; height:15px; font-weight:bold; padding:5px; }
#calendar .dateCell { background-color:#f6f6f6; height:80px; width:14%; vertical-align:top; text-align:left; border-color:#999; border-style: solid; border-width: 0 1px 1px 0; }
#calendar .dayNameWeekend { background-color:#275385; color:#fff; height:15px; font-weight:bold; padding:5px;}
#calendar .date { height:15px; background-color:#ddd; color:#333; font-weight:bold; padding:2px; }
#calendar .currentDay { background-color:#ffcccc; }
#calendar .weekend { background-color:#eee; width:300px; }
#calendar .dayOutside { background-color:#f9f9f9; color:#ccc; font-weight:bold; padding:2px; }
#calendar a:link { color:#333; }

/* Rollover DIV styles */
#calendarView { background-color:#fff; position:absolute; z-index:3; width:300px; visibility:hidden; border:1px solid #666; }
#calendarView td { width:300px; }
#calendarView .eventDate { background-color:#999; font-weight:bold; color:#fff; }

/* Pop up window styles */
#calendarViewWin { background-color:#fff; width:300px; border:1px solid #666; }
#calendarViewWin td { width:300px; }
#calendarViewWin .eventDate { background-color:#999; font-weight:bold; color:#fff; }

#mobile #eFirst {
	width:295px;
	height:43px;
	margin:10px;
	padding-top:30px;
	background:transparent url(../img/eFirst_mobile.png) no-repeat;
	filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;
	-webkit-box-reflect:below -7px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}

#eFirst {
	margin:0 auto;
	width:980px;
	height:27px;
	padding-top:11px;
	text-align:right;
	text-decoration:none;
	cursor:pointer;
	background:transparent url(../img/eFirst.gif) right no-repeat;
	filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;
	-webkit-box-reflect:below -7px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}

#eFirst a {
	display:block;
	height:27px;
	width:372px;
	float:right;
	margin-top:-5px;
	cursor:pointer;
	text-decoration:none;
}
#eFirst a, #eFirst a:hover, #eFirst a:visited, a:link {
	cursor:pointer;
	text-decoration:none;
}
#eFirst:hover, #mobile #eFirst:hover, #mobile #eFirst:active {
	filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
}