/* --- 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:250px;
	cursor:url('../img/cursors/magnify.cur'), pointer;
	padding-right:20px;
	z-index:10;
	position:relative;
}

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

.wishlistLink {
	position:relative;
	float:right;
	padding-left:10px;
}
td .wishlistLink {
	width:25px;
	height:25px;
}

.infoAlert {
	background:transparent url('../img/infoAlert.png') no-repeat;
	color:#333;
	position:absolute;
	top:25px;
	left:-343px;
	width:410px;
	height:317px;
	display:none;
	z-index:5000;
	font-size:12px;
}

.infoAlert #infoHeading {
	font-family:arial black, arial, verdana, sans-serif;
	font-size:24px;
	line-height:30px;
	height:33px;
	width:365px;
	margin:25px 0 0 20px;
}

.infoAlert #infoContent {
	clear:both;
	margin-left:20px;
	width:365px;
	height:230px;
	overflow:hidden;
}

#ef_sessionTimer {
	width:162px;
	height:41px;
	background:transparent url('../img/timer/background.png') no-repeat;
}
#ef_sessionTimer #ef_sessionTimer1 {
	margin:12px 0 0 85px;
}
#ef_sessionTimer img {
	padding-right:2px;
}
#ef_sessionTimer a {
	display:block;
	width:100%;
	height:100%;
}


#pricing {
	width:525px;
	background:#fff;
	margin:0;
	padding:0;
}
#mobile #pricing { width:305px; margin-left:1px; }

#pricing a, .sessionTimes a {
	text-decoration:none; color:#000;
}
#pricing th, .sessionTimes th {
	background:#666;
	color:#fff;
}
#pricing td, #pricing th, .sessionTimes td, .sessionTimes th {
	border-top:1px solid #ccc;
	padding:4px;
	margin:0;
}
#pricing td.noBorder, .sessionTimes td.noBorder {
	border-top:none;
}
#pricing select {
	width:45px;
}

/* V2 page */

#session2Left, #sessionImage2, #sessionDesc2, .sessionTimes { width:525px; }

#session2Left { float:left; }
#mobile #session2Left { width:307px; }
#session2Right { width:250px; float:right; }

#sessionImage2 { height:244px; overflow:hidden; position:relative; }
#mobile #sessionImage2 { width:305px; height:143px; margin:2px 0 0 1px; }
#mobile #sessionImage2 img { -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; }

#sessionVideo2 { position:absolute; top:85px; left:225px; z-index:1; }

#sessionDesc2 { margin:5px 0 20px 0; position:relative; }
#mobile #sessionDesc2 { width:295px; padding:5px; }

#sessionDesc2 .sessionName { font-size:16px; font-weight:bold; margin-bottom:3px; }
#sessionDesc2 .sessionSubTitle { font-size:13px; font-weight:bold; margin-bottom:10px; }
#sessionDesc2 .attributes { text-transform:uppercase; }


.sessionTimes { margin:20px 0 20px 0; }
#mobile .sessionTimes { width:305px; margin-left:1px;}
.sessionTimes th { text-transform:uppercase; }
.sessionTimes .selected td { font-style:italic; font-weight:bold; }

.relatedSessions { font-size:14px; font-weight:bold; }

.relatedSessionImage { width:250px; overflow:hidden; margin-top:20px; }
.relatedSessionName { font-size:12px; font-weight:bold; margin-top:5px; }
.relatedSessionDesc { width:250px; font-size:10px; }
.relatedSessionDesc a { text-decoration:none; color:#000; }

/* Session page */


#shoppingControls { padding:3px; position:relative; top:-18px; left:0; text-align: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 #999;}

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

.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:#24282b; font-weight:bold; text-align:left; color:#fff; }
.rh { background:#24282b; 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; }

.r1X td, .r2X td {color:#ccc;}

.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; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.error {background:#FFDADA;  font-weight:bold;}
.error input:focus {background-color: #fff;}

.customerMSG { width:500px; padding:10px; background:#daffdf; border:1px solid #00f022; color:#333; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin-bottom:10px; }

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:550px;
  height:110px;
  font-size: 11px;
  border:1px solid #4c4c4c;
  background-color: #F7F7F7;
  padding:5px 0 0 5px;
 }

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


#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 a { text-decoration:none; }


#cartViewBox td th {
	padding:2px;
}
#cartViewBox th {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:#24282b;
	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;
	z-index:99;
}
.infoBox td {
	padding-top:25px;
}


#infoAlertBox { padding:4px; background: #d6dbe7 url(../img/icon_infoAlert.jpg) left no-repeat; background-position: 15px 50%; border:1px solid #004d6d; color:#333; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding: 10px 10px 10px 95px; width:415px; min-height:60px; }

.soldOut, .limitedTickets, .sellingFast, .dateAvailable { font-weight:bold; line-height:27px; }
#prodList .soldOut, #prodList .limitedTickets, #prodList .sellingFast, #prodList .dateAvailable { float:right; }
.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 -55px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.1, 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, #eFirst 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;
}

#mobileSwitch { border:1px solid#adadad; background-color:#fff; color:#222; margin:15px 0 0 5px; padding:10px 10px; font-size:12px; font-weight:bold; width:285px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#mobileSwitch a { float:right; background:transparent url('../img/mobile/mobileSwitch.gif') no-repeat; width:70px; height:20px; margin-top:-3px; }

#promptContent { display:none; position:absolute; top:50%; left:50%; margin-left:-121px; margin-top:-80px; width:350px; height:150px; background:url(img/mobilePhone.png) no-repeat; z-index:22; filter:alpha(opacity=100); -moz-opacity:100; opacity:100; padding:15px; background:#fff; border:1px solid #666; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

#promptBG { display:none; width:100%; height:100%; background:#333; position:fixed; top:0; left:0; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color:#fff; z-index:11 }

.noAnchorStyle a { text-decoration:none; color:#000; }

#browseTable h3 { border-bottom:1px dashed #666; padding:20px 0 0 0; margin:0; width:90%; }

.attImage { width:250px; height:116px; overflow:hidden; margin-bottom:5px; }
.attSessionInfo {  width:250px; height:32px; }
.attSessionInfo a { font-size:14px; font-weight:bold;}
.attSessionDesc { width:250px; margin:0 0 20px 0; }

.faqLink a {font-weight:normal; font-size:11px; line-height:13px; padding:2px 2px 6px 12px; display:block; border:1px solid #fff; }
.faqLink a:hover {display:block; font-weight:normal; border:1px solid #507fb2; background-color:#cfd8e1; text-decoration:none; }
li.faqLink {list-style-image: url('../img/double_arrow.gif');}


#whatsOn { background:#f0f0f0; font-family:arial; color:#333; }
#whatsOn h2 {  border-bottom:1px dotted #CCC; }
#whatsOn a { text-decoration:none; color:#333; }