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

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

#mobile * {font-size:12px; }

h3 { margin-bottom:2px; margin-top:20px; }

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

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

.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:295px; 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;
}

.sessionTimes th a {
	color:#fff;
}
.sessionTimes .selectedPricing td {
	background:#e7e7e7;
	border-top:1px solid #ccc;
	padding:0 0 10px 0;
	margin:0;
}


.sessionTimeH { width:525px; height:20px; line-height:20px; background:#666; color:#fff; font-weight:bold; text-transform:uppercase; clear:both; }

#mobile .sessionTimeH { width:295px; font-size:12px; }

.sessionTime {
	width:525px;
	height:30px;
	line-height:30px;
	background:#fff;
	border-top:1px solid #ccc;
	clear:both;
}

#mobile .sessionTime { width:295px; font-size:12px; }

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

.sessionTime, .sessionTimeShow {
	overflow:hidden;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}

.sessionTimeSelected {
	background:#e7e7e7;
	font-style:italic;
	font-weight:bold;
}

.sessionTimeShow {
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
	background:#ccc;
	height:18px;
	width:170px;
	padding:5px;
	margin-bottom:20px;
}
.sessionTimeShow a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
	display:block;
	height:100%;
	width:100%;
}
.sessionTimeShow img {
	vertical-align:bottom;
}

#mobile #sMore { font-size:11px; }

.st_da { width:100px; float:left; padding-left:5px; text-decoration:none; }
.st_ti { width:100px; float:left; }
.st_co { width:80px; float:left; }
.st_ve { width:180px; float:left; }
.st_st { width:105px; float:right; text-align:right; } /* 115 with sessionCodes */

#mobile .st_da { width:70px;}
#mobile .st_ti { width:70px; float:left; }
#mobile .st_co { width:70px; float:left; }
#mobile .st_ve { width:100px; float:left; }


#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 { overflow:hidden; position:relative; }
#mobile #sessionImage2 { max-width:525px; max-height:244px; margin:2px 0 0 1px; }

#sessionVideo2 { position:absolute; top:85px; left:225px; z-index:1; }
#sessionVideo2 img { behavior:url(css/iepngfix.htc); opacity:0.7; }
#mobile #sessionVideo2 { position:absolute; top:35px; left:120px; z-index:1; }

#sessionCode { display:inline; }

#sessionDesc2 { margin:5px 0 20px 0; position:relative; }


#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; }

#sponsorLogo { margin-top:30px; }

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

.sessionTimes { -webkit-transition: all 1s linear; }
.sessionTimes .hidden { display:block; height:1px; overflow:hidden; opacity: 0;

visibility: hidden; }


.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 { float:left; padding:3px; position:relative; top:-4px;margin: 3px 10px 0px 0px;}

 #shoppingControls a { text-decoration:none; color: #7A6261; padding-right: 15px; padding-left: 15px;  text-transform: uppercase;font-size: 10px;font-family: Arial, Helvetica, sans-serif;}
/*  #shoppingControls {float: left;
font-size: 10px;
width:400px;
}
#shoppingControls a
{
  border-right: 1px solid #7A6261;
  color: #7A6261;
  display: block;
  float: left;
  padding-right: 15px;
  margin-left: 15px;
  text-transform: uppercase;
}*/


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

.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; padding:3px; }

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

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

#cartForm .formTable input[type="text"], input[type="number"], input[type="tel"] {
	width:90px;
}


.sslTable {width:100%;  background:#efaeae;}
.r1 {background:#e9eaeb; font-weight:bold;}
.r2 {background:#ffffff; font-weight:bold;}
.r3 {background:#515050; font-weight:bold; text-align:left; color:#fff; }
.rh { background:#515050; color:#fff; }
.rh a {color:#999; }
.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 { margin-top:10px; 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:570px;
  font-size: 11px;
  border:1px solid #4c4c4c;
  background-color: #F7F7F7;
  padding:5px 0 0 5px;
 }



#searchBox input[type="text"], #searchBox input[type="number"], #searchBox input[type="tel"], select {
  width:100px;
 }

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

#searchBox #calendar td {
  background:#d9d9d9;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding:4px 0 0 2px;
  text-align:center;
  font-size:7pt;
  width:15px;
  height:15px;
  overflow:hidden;
}



#searchBox #calendar a {
	display:block;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	display:block;
	overflow:hidden;
}


.qty {
  width:25px;
}


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

#cartViewBox a, #wishlistBox a { text-decoration:none; }


#cartViewBox td, #wishlistBox td {
	padding:2px;
}
#cartViewBox th, #wishlistBox th {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:#666;
	text-transform: uppercase;
	text-decoration: none;
	padding:4px 0 4px 0;
}
#cartViewBox .sep, #wishlistBox .sep {
	border-top:1px solid #ccc;
}
#cartViewBox .fee, #wishlistBox.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;
}


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

#infoAlertBoxSmall { padding:4px; background: #d6dbe7 url(../img/icon_infoAlert_mobile.jpg) top left no-repeat; background-position: 15px 7px; border:1px solid #004d6d; color:#333; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding: 10px 7px 7px 65px; max-width:550px; min-height:29px; }

#mobile #infoAlertBox { padding:4px; background: #d6dbe7 url(../img/icon_infoAlert_mobile.jpg) top left no-repeat; background-position: 10px 10px; padding: 10px 10px 10px 55px; width:max-width:100px; 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:320px; height:116px; overflow:hidden; margin-bottom:5px; }
.attSessionInfo {  width:320px; height:32px; }
.attSessionInfo a { font-size:14px; font-weight:bold;}
.attSessionDesc { width:320px; 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; }


/* News */
.newsTitle { font-size:18px; font-weight:bold; }

.Date
{
  padding: 0px 9px 0px 0px;
  margin: 0px 10px 5px 0px;
  background: transparent url(../img/news_arrow.png) no-repeat scroll right 20%;
  display: block;
  float: left;
}

.Date span
{
  display: block;
  padding: 3px;
  color: #fff;
  font-family: Georgia, Serif;
  font-weight: bold;
  text-align: center;
  background-color: #d1023f;
}

.Date span span.day
{
  font-size: 20px;
}

.Date span span.month,
.Date span span.year
{
  font-size: 10px;
}

#accessCode fieldset { width:320px; padding:10px; }
#accessCode fieldset legend { font-weight:bold; }
#accessCode label { font-weight:bold; width:125px; display:inline-block; text-align:right; }
#accessCode input[type="submit"] { margin-left:80px; }

#sessionVoting { margin-top:20px; margin-bottom:20px; }


#hCal { background:#1e2221; height:140px; width:200px; padding:10px; font-weight:bold; display:block; }
.hCalMonth { font-weight:bolder; color:#fff; font-size:15px; text-transform:uppercase; margin:11px 0 2px 0; }
.hCalDay, .hCalDayX { width:25px; height:25px; line-height:25px; text-align:center; float:left; border:1px solid #1e2221; }
.hCalDay a { text-decoration:none; color:#1e2221; height:100%; width:100%; display:block; text-align:center; }
.hCalDay a:hover { background:#6acce2; }
.hCalDay { background:#fff; }
.hCalDayX { background:#ccc; }


#efA_bg {
	z-index:1975;
	display:block;
	position:fixed !important;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
}

#efA_alert {
	z-index:1977;
	display:block;
	width:582px;
	height:215px;
	left:50%;
	top:50%;
	position:absolute;
	background:transparent url('../img/efAlert_fatal.png') no-repeat;
}
#efA_alert #text {
	margin:20px 0 0 116px;
	width:430px;
	height:135px;
}
#efA_alert #buttons {
	margin:0 0 0 116px;
	width:430px;
	height:30px;
	text-align:right;
}

#mobile #sessionDesc2 { max-width:100%; }
#mobile #sponsorLogo { max-width:100%; }
#mobile #sessionImage2, #mobile #sessionImage2 img { max-width:100%; max-height:100%; }


#mobile #searchBox {
	height:auto;
	width:100%;
}

#mobile #calendar th {
	width:30px;
	height:30px;
}