
/* --- 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:500px;
	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:500px; 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:500px;
	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:80px; float:left; padding-left:5px; text-decoration:none; }
.st_ti { width:70px; float:left; }
.st_co { width:50px; float:left; }
.st_ve { width:210px; float:left; overflow:ellipsis; }
.st_st { width:115px; float:right; text-align:right; } /* 115 with sessionCodes */

#mobile .st_da { width:70px;}
#mobile .st_ti { width:70px; float:left; }
#mobile .st_co { width:50px; 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:500px; }

#session2Left { float:left; }
#mobile #session2Left { width:307px; }
#session2Right { width:250px; float:right; }

#sessionImage2 { overflow:hidden; position:relative; }
#mobile #sessionImage2 { max-width:500px; 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:right; padding:3px; position:relative; background-color:#fff; top:-12px;}
#shoppingControls a { text-decoration:none; color:#333; }
#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:#DE2229; }
.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;
	position:relative;
	top:1px;
	z-index:1;
}
#searchBox {
	position:relative;
	top:-2px;
	width:495px;
	font-size:11px;
	border:1px solid #4c4c4c;
	background-color:#F7F7F7;
	padding:0 0 0 5px;
	margin-left:0px;
}



#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; }


body#popup { margin: 0px; font-family:arial, verdana, sans-serif; font-size:11px; background: #E0DFDA url('../img/fringe11/bg-headerpeople.jpg') repeat-y 50% 50%; line-height:15px; color:#333; }

#popupWindowBox {
	position:relative;
	width:505px;
	min-height:257px;
	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;
}

#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;
}



body#receipt width:560px;
.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;
	text-shadow:none;
}
#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 5px; border:1px solid #004d6d; color:#333; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:7px 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; font-size:10px; }
#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 0 0 0;
	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:35px 0 0 0; padding:10px 10px; font-size:12px; font-weight:bold; width:270px; -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%; }

#browseSessions h3 { margin:0; }

.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:200px; 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%;
	top:-15px;
	left:-3px;
}

#mobile #calendar th {
	width:30px;
	height:30px;
}

#mobile h3 { padding-top:0; margin-top:0; }

#sessionVotingM td {
	background:#fff;
	border-bottom:1px #ccc dashed;
	padding:5px 0 5px 0;
	-webkit-transition-property:background-color;
}
#sessionVotingM td.noBorder {
	border-bottom:none;
}

#sessionVotingM tr:hover td {
	background:#fcfab6; -webkit-transition-duration:0.8s;
}

#sessionVotingLinks { font-size:14px; font-weight:bold; color:#000; margin:5px 0 5px 0; }

#sessionVotingLinks a { text-decoration:none; border:1px solid #ddd; margin:0 1px; padding:1px 2px; color:#609BA9; }
#sessionVotingLinks a:hover { color:#fff; background-color:#0063DC; border-color:#036; }

#sessionVotingM h3 { border-bottom:1px dashed #666; margin:0; width:100%; }

