/**
 * /stylesheets/event.css
 *
 * @author      Brendon Ryniker (brendon@moca.co.nz)
 * @copyright   Copyright 2014 MOCA
 * @version     1.0 (PHP5)
 *
 * Event booking/detail page
 */

@import url(public.css);
body, table
{
font-size:13px;
}

#eventDescription
{
font-size:14px;
}
a{text-decoration:underline;}

body.event div.container {margin: 0 auto; }
body.event.public div#loginContainer.notLoggedIn div.container div.bgContainer {width: 800px;}
body.public div#idHeader div#idHeaderContent {width: 800px;height:75px;}
/*body.public.event div#header {float: none;text-align:center;width:770px;height:153px;z-index:2;margin:auto;} */

div#loginContainer div.bgContainerLoggedIn{padding:0px;}

body.public.event div#header {float: none;text-align:center;vertical-align:middle;width:800px;height:153px;z-index:2;margin:auto;}

div#header img{ max-height:153px !important; margin:auto auto auto auto;top:1px;}
div{border-collapse:collapse;  }
/*
body#default.fullWidth.event { background: url("../images/style/body_bg_tile_tabbed_page_small.jpg") repeat-x scroll center top #FFFFFF; }
*/
body.public div#headerBackground{ min-height:153px;height:153px;background:none; }


div#sidebarisingContainer {position:relative;left:auto; top:auto;z-index:1000;width:1092px;margin:auto;float:none;text-align:right;}
div#sidebars{  float:right;width:143px;text-align:right; }
div#sidebarisingContainer div.sidebar{display:block;width:133px;text-align:right;margin-left:auto;}
body.logged div#sidebarisingContainer {top:43px;}



 body.public div#page {position: relative; top: 165px;}

body.public.logged div#page {top: 240px;}
/*body.public div#pageContent{ width:740px;margin:auto; border:1px solid #cccccc;min-height:820px;padding:15px;}*/
body.public div#pageContent
{
	width:770px;
	margin:auto;
	padding:15px;
	padding-left:0;
} /* border:1px solid #cccccc; */
body.public div#pageContentFrame{margin-top:30px;}
/* body.public.logged div#pageContent{ min-height:950px;} */

div.socialMediaShareContainer{text-align:left;background:white;float:none;width:184px;position:relative;left:0px;margin-top:-45px; min-height:30px;}
div.socialMediaShareContainer div{ padding:5px 5px 5px 7px;white-space:nowrap;}
/*body.logged div.socialMediaShareContainer{ top:0px; } */
div.socialMediaShareContainer a { padding-right:5px; }
div.socialMediaShareContainer a.outlook { padding-right:none; }
div.socialMediaShareContainer a img{ width:26px;height:26px; }
/* div.backLink {color:#242424;text-align:right;width:740px;font-size: 11px;position:absolute;} */
div.backLink {color:#242424;text-align:right;width:770px;font-size: 14px;padding:0 10px 20px 0;}
div.backLink a{ text-decoration:underline; }
div.backLink a:hover{ text-decoration:underline; }

table#ticketList{ top:-0px;position:relative; min-height:150px;}
body.logged table#ticketList{ top:0px; min-height:150px;}

/* div#eventRegistrationForm p,div#eventRegistrationForm ul {font-size: 13px; color: #4C4C4C;} */

div.customQuestion{ display:block; }
/* div#eventRegistrationForm p,div#eventRegistrationForm { font-size:14px; } */

div#eventRegistrationForm input[type="checkbox"], input[type="radio"] {bottom: 1px;position: relative;vertical-align: middle;}
div#eventRegistrationForm input[type="radio"] {bottom:2px;}

body.logged div#eventRegistrationForm {position:relative;top:0px;  }
div#eventDescription{ margin-top:2em;}
div#eventDescription ul{list-style-type:disc;margin-left:25px;  }
div#eventDescription img
{

	max-width:455px;
	/*
	width:auto !important;
	height:auto !important;
*/
}

div#helpImg{ float:right; }
/*div#eventRegistrationForm table#eventTable{ width:740px; }*/
div#eventRegistrationForm table#eventTable{
	width:770px !important;
	max-width:770px;
	overflow:hidden;

}
div#eventRegistrationForm table#eventTable td.description
{
	max-width:480px !important;
	overflow:hidden;
	padding-left:0;
}
div#eventRegistrationForm table#eventTable td#ticketDisplay
{
	padding-right:0;
}
div#eventRegistrationForm table#eventTable h3.promoTemplates
{
color: #2A2627;
font-size: 23px;
line-height: 28px;
margin: 0;
padding: 0;
text-transform: none;
}
table#eventTable { background:white; }
table#eventTable table td {margin: 0; padding:4px 5px;}

/*{$_req}
table#eventTable table#whereWhen { margin-bottom:30px; }
body.logged table#eventTable table#whereWhen { margin-bottom:20px; }
*/

table#eventTable table#whereWhen td { font-size:14px; }
table#eventTable table#whereWhen td.label {color: #DD702F; font-weight: bold; padding:5px 8px 5px 5px;vertical-align:top;}

table#eventTable table#whereWhen td  span.mapLink{font-size: 10px;font-weight: normal;display:inline-block;position:absolute;}
table#eventTable table#whereWhen td  span.mapLink a {padding:0 0 0 0px;text-decoration:none;white-space:nowrap;}


table#eventTable td#ticketDisplay{ width:40% !important; }

div#hiddenDescription { font-size:12px;color:#4c4c4c; padding-top:20px;display:none; }
div#hiddenDescription a,a#eventDescriptionHider
{
display:inline-block;
padding:0px 4px;
font-size:10px;font-weight:bold;
margin-left:6px;top:1px;position:relative;padding-bottom:2px;
border-radius:4px;
background:#D8712E;
color:white;
text-decoration:none;
}
div#hiddenDescription { display:none; }
a#eventDescriptionHider{ display:none; }
table#ticketList td p.hint {color:#666;}
div.button
{
background: none;
border: medium none;
font-size: 190%;
margin: 0px 0px 10px 0;
padding: 0 0 3px;
text-align: center;
text-transform: none;
}
td#loginLinks div.button
{
	margin:auto;
	padding:0;
	display:inline-block;
	width:100%;
	vertical-align:middle;
	line-height:20px;
}
td#loginLinks div.button input.button
{
	height:inherit;

}
div.button.logged{ margin:0;text-align:right;padding-top:20px; }
div.button.roi{ margin:0; }
/*
div.button a
{
text-decoration:none;
background: url(../images/style/double_arrows.png) no-repeat scroll right center transparent;
padding: 0 20px 3px 0;
}
*/
div.button input.button{font-size:20px;font-weight:normal;text-align:center;width:100%}
div.button span.warning{ font-size:13px;font-weight:bold;color:black; display:inline-block;padding-top:10px;}

td.buttons{ text-align:center;padding:1em 0; }

div.button a.panelButton
{
float:none;
margin:auto;
padding:2px 0px;
height:auto;
display:block;
font-size: 20px;
font-weight: normal;
text-align: center;
width: 95%;
text-decoration: none;

line-height:auto;
}

div#eventRegistrationForm table#eventTable div.optionButtons
{ /* Log In, Sign Up, etc */
background: none repeat scroll 0 0 #FFFFFF;
float: left;
margin: 1em 0 3em;
min-height: 30px;
padding: 20px 0 0 0;
text-align: center;
width: 385px;
}
div#eventRegistrationForm table#eventTable div.optionButtons div.text {position: relative; top: 0;}
div#eventRegistrationForm table#eventTable div.optionButtons div.text a
{
background: none repeat scroll 0 0 #d8712e;
border: medium none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
padding: 5px 15px;
text-decoration: none;
margin-left:8px;
white-space:nowrap;
}

div#currentTickets
{
background: none repeat scroll 0 0 #ffffff;
border:0;
margin:10px 0px 0px 0px;
/*padding-top: 10px;*/
vertical-align: bottom;
}
div#currentTickets{ padding-left:10px;width:450px; } /* Last screen */

table#eventTable div#currentTickets,table#eventTable div#currentDynTickets
 { padding-left:0;max-height: 200px;overflow:auto; } /* First screen */

div#currentTickets table#eventTickets{ width:100% ;}
div#currentTickets , div#currentDynTickets{ border:1px solid #ccc; }
div#stepFive div#currentTickets{border:none;}

table#eventTickets td {padding: 2px 2px 2px 5px;font-size:90%;}
table#eventTickets tr.row td:first-child{ padding-left:10px; }
div#currentTickets table#eventTickets tr.row td:last-child{ padding-right:10px; }

table#eventTickets td.header {color: #DD702F; font-weight: bold; font-size:120%;padding:10px;}



/* Popup Dialogs */

div.inputDialog
{
display:none;
position:relative;
text-align:center;
padding:10px;
box-shadow: 0 6px 8px #7a7a7a;
}
div#eventRegistrationForm div.inputDialog#inputDialogPerson{ width:400px; }

div#bookingAuth{
/*
Main container for login popups

*/
width:550px;
display:none;
position:relative;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #ccc;

/*
behavior: url(PIE.htc);
-webkit-box-shadow: #7a7a7a 0px 6px 8px;
-moz-box-shadow: #7a7a7a 0px 6px 8px;
*/
box-shadow: #7a7a7a 0px 6px 8px;

z-index: 1001;

}
div#bookingAuth table{ background:white; }
div#bookingAuth table td{ text-align:center; width:260px;}
div#bookingLogin,div#bookingCasualLogin,div#bookingCasualWarning
{
	display:inline-block; width:250px;padding-bottom:0;box-shadow:none;
}


div.bookingPopup div.description
{
width:220px;
text-align:center;
font-size:120%;
padding:10px 20px;
}

div.bookingPopup div.instruction,
div.bookingPopup div.blocked
{
width:240px;
padding:15px 0px 10px 0px;
text-align:center;
font-size:120%;
height:60px;
}
div.bookingPopup#bookingLogin div.instruction,
div.bookingPopup#bookingLogin div.blocked
{
	height:auto;
}

div.bookingPopup div.instruction span
{
	font-size:80%;
	line-height:1.1em;
}
div.bookingPopup input.button{ font-size:16px; }


div.inputDialog div.header
{

font-style:bold;
background: none repeat scroll 0 0 #DD702F;
color: #FFFFFF;
cursor: move;
font-size: 140%;
padding: 5px;
text-align: center;
width:240px;
}
div.inputDialog div.form {
padding: 20px 0px;
}
div#bookingAuth div.inputDialog div.header{  border-radius: 4px; }
div#bookingAuth div.inputDialog div.form{ padding-top:10px; }
div.inputDialog div.content{
margin:auto;
text-align:center;
padding-bottom:20px;
}

div.inputDialog div.form span
{
display: inline-block;
font-size: 120%;
left: 0;
padding-right: 5px;
top: 0;
width: 100px;
}
div.inputDialog#inputDialogPerson div.form span{ width:4em; }

div.inputDialog input.ftxt
{
border: 1px solid #999999;
height: 16px;
padding: 4px 6px;
width: 150px;
}
div.inputDialog div.element {padding: 3px 0;height:30px;}
div.inputDialog div.element.double{ height:66px; }
div.inputDialog div.control {padding-top: 10px; text-align: center;}

div#bookingLogin  input.ftxt,div#bookingCasualLogin  input.ftxt
{ width:175px;font-size:120%; }

div#bookingLogin  input.ftxt.hint,div#bookingCasualLogin  input.ftxt.hint
{color:#999;}

div.inputDialog div.element#remindElement{ display:none; }
div.inputDialog div.element div.forgotPwd{padding-top:12px; font-size:75%; line-height:1.5em;display:inline-block}
div.inputDialog div.element div.forgotPwd a{ font-style:normal;text-decoration:underline;cursor:pointer; }



div#specialRequirements
{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #999999;
behavior: url(PIE.htc);
-webkit-box-shadow: #7a7a7a 0px 3px 4px;
-moz-box-shadow: #7a7a7a 0px 3px 4px;
box-shadow: #7a7a7a 0px 3px 4px;
z-index: 1001;
display: none;
position: absolute;
width: 375px;
padding:0;
}
div#specialRequirements div.header
{
width:auto;
 }


div#eventRegistrationForm div.sectionContainer input.fphcodetxt,
div#eventRegistrationForm div.sectionContainer input.fphtxt{ border: 1px solid #cccccc; }
div#eventRegistrationForm div.sectionContainer input.fphtxt{ width:78px;}

input.button{ font-size:12px; }
div.buttonPanel { margin-bottom:30px; }
div.buttonPanel input.button:first-child { margin-right:2em; }

/* Form Sections */
div#eventRegistrationForm div#masterContainer{ margin:20px auto 0px auto; text-align:center;}
div#eventRegistrationForm div#masterContainer div.sectionContainer
{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
border-collapse:collapse;
color: #4C4C4C;
margin:0 auto 10px auto;
padding: 0 0 15px;
width: 770px;
text-align:left;
}

div#eventRegistrationForm div#masterContainer div.sectionContainer p {
	margin: 5px 18px;
	/*padding: 10px 0 0;*/
}
div#eventRegistrationForm div#masterContainer div.sectionContainer p#please-call {
	margin-bottom:20px;
}

div#eventRegistrationForm div#masterContainer div.sectionContainer div#terms ul li p
{
	margin:0;

}

div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionHead
{
background: none repeat scroll 0 0 #F6F6F6;
font-size: 140%;
padding: 10px;
border-bottom:1px solid #ccc;
border-collapse:collapse;
}

div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionHead span#mainHeadInstructions
{
	font-weight:normal;
	display:block;
	font-size:14px;
	color:black;
	margin-top:0.5em;
}



div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionHead.topMost
{
border:1px solid #ccc;
}
div#eventRegistrationForm div#masterContainer div#stepOne span#mainHead{ color:black; font-weight:bold;}
div#eventRegistrationForm div#masterContainer div#stepFive span#mainHead{ color:black; font-weight:bold;}
div#eventRegistrationForm div#masterContainer div#stepTwo span#mainHead{ color:black; font-weight:bold;}
div#eventRegistrationForm div#masterContainer div.sectionHead.address span{ color:black; font-weight:bold;}

/* Registration of interest: */
div#eventRegistrationForm div#masterContainer div#stepThree div.sectionHead.address span{ color:#676767; font-weight:normal;}
/*
div#eventRegistrationForm div#masterContainer div#stepOne,
div#eventRegistrationForm div#masterContainer div#stepOne div.sectionHead{ border:0; }
*/
div#eventRegistrationForm div#masterContainer div.sectionContainer p.sectionSubHead{ font-size: 120%;background: none repeat scroll 0 0 #F6F6F6;padding:10px;border:1px solid #ccc;}

div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionSubHead
{
background: none repeat scroll 0 0 #F6F6F6;
border-top: 1px solid #CCCCCC;
font-size: 120%;
margin: 18px 0 0;
padding: 10px;
}

div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent {padding: 0 20px 10px 20px;}
div#eventRegistrationForm div#masterContainer div.sectionContainer#stepTwo div.sectionContent {padding-left:8px}
div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent.noPayment{ padding-top:20px; }

div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent#ticketSection {padding-top: 20px;}

div.sectionContent div.subSection p {margin: 10px 0; width:650px;}
div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent p {
    margin: 10px 0;
    width: 650px;
}
div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent div.questions p,
div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent div.property p {
    margin:0;
}

div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent div.property a.mfHelp{ }

div#eventRegistrationForm div#masterContainer div.sectionContainer div#bookingProperties{ margin:0px 0px 15px 0px; }

div.sectionContent div.subSection.invoiceTo span.instruction
{
width:5em;
display:block;
padding-top:8px;
}
div.sectionContent div.subSection.invoiceTo span.instruction.label
{
width:auto;
}
div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent textarea#invoicee_organisation_address
{
width:300px;
margin:0px 0px 0px 14px;
border-radius:4px;
}

div.sectionContent div.subSection input.fchk{ padding:2px; margin-left:14px;border:1px solid #999; }
div.sectionContent div.subSection span.instruction
{

display:inline-block;
width:200px;
/* width:auto; */
}
div.sectionContent input.fstxt{ width:150px;}
div.sectionContent textarea.fmtxt
{
border: 1px solid #CCCCCC;
height: 40px;
padding: 10px;
width: 686px;
}

div.sectionContent table#holderSelector textarea.fmtxt
{
height: 40px;
padding:2px;
width:280px;
border-radius: 4px;
}
div.sectionContent table#holderSelector textarea.fmtxt.fmtxtArea{height:50px; }

.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple
{
	border:1px solid #dddddd;
}

div.sectionContent span.radioLabel
{
display: inline-block;
margin-bottom: 0;
padding-right: 1em;
vertical-align: middle;
}
/*
div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent#ticketSection
{
padding-top: 20px;
max-height: 500px;
overflow:auto;
}
*/

div#eventRegistrationForm div#masterContainer div.sectionContainer div.content{padding:15px 0; }

/* div#ticketSection  table#ticketSelector {border: 1px solid #EEEEEE;} */

div.simple div.element input.button{ position:relative;top:30px; }
div.waitlist div.control{
	min-height:40px;
	padding-top:10px;
}
div.waitlist div.control a,div.control.pwaitlist a
{
	font-size:110%;
	font-weight:bold;
/* color:#333;
background: url("../images/icons/email.png") no-repeat scroll 5px 10px #FFFFFF;
text-decoration:none;
line-height:25px;
float: none;
padding: 10px 10px 10px 35px;
position:relative;top:10px;  */
}
div.waitlist div.control a.signup{
	/*
	background:#ffffff; padding-left:10px;
*/
}

div#eventRegistrationForm div.waitlist p {color:#ffffff;}

/* Ghost user */

div#addressSection {min-height:170px; }
div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent#addressSection p
{
margin:0px;
width:auto;
padding:0px 0px 10px 0px;
}
div#eventRegistrationForm div#masterContainer div.sectionContainer div.sectionContent#addressSection p.notes{ margin:15px 10px 10px 10px;}
div#addressSection div.ghostly{ padding-top:5px; }



div#addressSection div#townAndCountry{ width:45% !important;
									   /*
									   float:left;
*/
									 }
div#addressSection div#mailingAddress{
	width:50%;
	/* float:left; */
	padding-left:10px;}
div#addressSection  div.element { padding-bottom:15px; vertical-align:top !important;}
div#addressSection  div.element.ph
{ white-space:nowrap !important; }
div#addressSection  div.element span
{
	display:inline-block;
	width:120px;
	text-align:right;
	white-space:nowrap;
	padding-right:7px;
}
/* div#addressSection  div#townAndCountry div.element span{padding-right:20px;} */
div#addressSection  div.element span.lbl.int
{
	width:75px;
}
div#addressSection  div.element span.lbl.area
{
	width:25px;
}
div#addressSection  div.element span.lbl.num,
div#addressSection  div.element span.lbl.int,
div#addressSection  div.element span.lbl.area
{
	width:60px;
font-size:75%;width:28px;color:#999;
}

div#addressSection div.element span.required{ display:inline;width:auto; }

div#addressSection div#townAndCountry  div.element span{width:130px; }
div#addressSection  div.element input.fmtxt,div#addressSection input.fdate,
div#addressSection  div.element select.fsel{ border-color:#cccccc; width:200px;}
div#addressSection  div.element select.fsel{height:30px;}
div#addressSection input.fdate{ width:70px; border-radius: 4px;}
div#addressSection  div.element input.fmtxt{ width:185px; }

/* ph number exemplars */
div.element.ph div,
td.phone div
{display:inline-block;text-align:center;}
div#addressSection div#bookerPhoneElements
{
	position:relative;
	max-width:200px !important;
	padding-left:10px;
}


table#holderSelector td.phone span.lbl,
div#addressSection div#townAndCountry div.element span.lbl{font-size:75%;width:28px;color:#999;}
table#holderSelector td.phone span.lbl{width:100%;}
div#addressSection div#townAndCountry div.element span.lbl.ph{width:78px;}
div#addressSection div.element span.mob{top:-15px;display:inline-block;position:relative;}
div#addressSection div.element span.streetAddress{top:-5px;display:inline-block;position:relative;}
table#holderSelector td.phone{text-align:left;}
table#holderSelector input.holderPhone {width:100px;}


/* Confirm screen */

div#ticketSection table#ticketDisplay td.header
{
border-bottom: 1px solid #CCCCCC;
font-size: 120%;
font-weight: bold;
padding: 10px;
text-align: center;
}
div#ticketSection table#ticketDisplay td{padding:5px 10px;}

div#ticketSection table#ticketDisplay td:first-child{min-width: 120px;}
div#ticketSection table#ticketDisplay td.header {text-align: left;}
div#ticketSection table#ticketDisplay td.currency {text-align:right;}
div#ticketSection table#ticketDisplay thead td.currency {padding-right:20px;}
div#ticketSection table#ticketDisplay td.costRow{ padding:30px; }
div#ticketSection table#ticketDisplay tr.total td{ font-weight:bold;}
div.step{ display:none;}

/* Ticket selector step one */

div#ticketSection  table#ticketSelector tr.ticket td{ padding-bottom:10px; }

div#ticketSection  table#ticketSelector td.name span.ticketName,
div#ticketSection  table#ticketSelector td.price,
div#ticketSection table#ticketSelector td.total{ font-size:14px; }
div#ticketSection  table#ticketSelector td.name span.ticketName{color:black;}

table#ticketSelector td.name{ width:350px; }
table#ticketSelector td.name span.descr{ color:#999; }
table#ticketSelector td.name span.remaining{  }
table#ticketSelector td.quantity{ width:100px; text-align:center;}
table#ticketSelector td.at{ width:70px;text-align:center; font-size:200%; color:#999; }
table#holderSelector input.fmtxt.postcode{width:70px;}

table#ticketSelector td.price span
{
display:inline-block;padding:0 5px;
font-size:200%; color:#D8712E;
}
table#ticketSelector td.price{ width:100px; text-align:right;white-space:nowrap;}
table#ticketSelector td.name span.descr,table#ticketSelector td.name span.sessionTime{ display:block; }
table#ticketSelector td.name span.sessionTime{color:#676767;}

table#ticketSelector td.quantity input.ftxtquant,table#ticketSelector td.price input.ftxtkoha
{
width:40px;
padding:5px;
border: 2px solid #ddd;
border-radius: 5px;
background:#D8712E;
color:#ffffff;
cursor: auto;
font-size: 16px;
font-weight: bold;
}
table#ticketSelector td.price input.ftxtkoha{ width:60px; }
table#ticketSelector tr#ticketSelectorTotal td.total
{
text-align:right;
font-weight:bold;
border-top:1px dashed #cccccc;
display:none;
padding:10px 0;
}
table#ticketSelector tr#ticketSelectorTotal td.total#ticketNum{ text-align:center; }
table#ticketSelector tr#ticketSelectorTotal td.total span.label{ text-align:right;font-weight:bold;padding-right:1em; }

div#ticketSection table#ticketSelector input.fmtxt
{
border: 1px solid #CCCCCC;
height: 14px;
padding: 7px;
width: 200px;
}

div#ticketSection table#ticketSelector span.singleTicket
{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
display: inline-block;
height: 14px;
padding: 6px 4px;
width: 150px;
}

div#ticketSection table#ticketSelector select.fsel
/*,select.fselholder*/
{
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #CCCCCC;
font-size: 11px;
height: 30px;
padding: 6px 4px;
width: 200px;
}


/* holder selector step two */
table.ltable#holderSelector
{
border:none;
width:auto;
max-width:770px !important;
min-width:600px !important;
}
table.ltable#holderSelector thead td,table.ltable#holderSelector tbody tr.input td
{
/* border-bottom:1px solid #ccc; */
}
table.ltable#holderSelector tbody tr.input td table td{ border-bottom:none; }
/* table#holderSelector td.name{ min-width:160px; } */
table#holderSelector th{ color:#bbb; padding-top:10px;}
table#holderSelector td.org,table#holderSelector th.org{}
table#holderSelector th.sr{ padding-left:15px;}
table#holderSelector input.fmtxt,table#holderSelector input.fdate,div#eventRegistrationForm table#holderSelector select.fsel,
div#addressSection input.fmtxt,div#addressSection textarea.fstxt,div#addressSection select.fsel,div#addressSection input.finttxt
{
border: 1px solid #ddd;
padding: 2px;
width:280px;
border-color:#ccc;
border-radius:4px;
height:24px;
}
div#addressSection input.finttxt
{
	width:50px;
}
div#eventRegistrationForm table#holderSelector select.fsel
{
height:30px;
}
div#eventRegistrationForm table#holderSelector select.fsel#mf_select_country
{
width:200px
}
div#eventRegistrationForm table#holderSelector tr.firstCustom select.fsel
{
	width: 290px;
	border-radius:4px;
	height:30px;


}
table#holderSelector input.fdate{ width:70px; }
table#holderSelector input.holderPhone,table.custom input.holderPhone,
div#addressSection  div.element.ph div  input.holderPhone,table.custom input.holderPhone
{ width:60px; }
table#holderSelector input.holderPhone.area,table.custom input.holderPhone.area,
div#addressSection  div.element.ph div input.holderPhone.area
{ width:25px; }
div#addressSection textarea.fstxt,
div#addressSection textarea{ border-color:#cccccc; width:185px;height:50px;}

table#holderSelector select.fselholder
{
	width:170px;
	height:24px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 4px;
	font-size:13px;
	color:#434343;

}
table#holderSelector select.fselholder option
{
    padding: 5px 2px;
	padding-top:10px;
	color:#434343;


}
table#holderSelector select.fselholder option.header
{
	font-weight:bold;
	background-color:#ccc;
	color:white;
	padding:10px 0;
	border-bottom:1px solid #888;
}
table#holderSelector select.fselholder option.newHolder
{
	font-weight:normal;
	background-color:#eee;

	padding:10px 0;
	border-bottom:1px solid #888;
}
/*
div#stepTwo div.fancy-select{ text-align:left; text-transform:none;width:180px;width:auto;}
div#stepTwo div.fancy-select div.trigger{ width:150px; min-height:15px;}
div#stepTwo div.fancy-select ul.options{ top:-10px; }
div.fancy-select ul.options{ border:1px solid #D8712E;}
div.fancy-select ul.options.overflowing { z-index:1000; }
*/

div#newHolder input.fmtxt
/* In jqueryUI dialog */
{
border: 1px solid #CCCCCC;
padding: 2px;
width: 300px;
}
div#specialRequirements div.element{ text-align:center; }
option.newHolder {
    /*border-bottom: 1px dashed #D8712E; */
    background: #999;
    color:#ffffff;
    font-weight: bold;
    padding: 3px 2px;
}
div#specialRequirements{ display:none; }
table#holderSelector a.button {color: #999999;margin-bottom:3px;}
table#holderSelector a.button.hasContent {color: #333333;}
table#holderSelector a.button:hover{background:#D8712E;color:white; }
table#holderSelector  a.disabledButton
{
background: none repeat scroll 0 0 #EEEEEE;
border-color:#999999;
color: #999999;
cursor:default;
}
table#costs{ border:1px solid #cccccc;padding:20px; }

table#holderSelector tr.input td{ padding-top:15px;}

/* table#holderSelector tr.input td.sr{ padding-left:10px; } */


/* step three */
td#ticketDisplay table{ width:100%;}
td#ticketDisplay  div#currentBooking
{
background: none repeat scroll 0 0 #ffffff;
border:1px solid #ddd;
vertical-align: middle;
text-align:center;
}

td#ticketDisplay  div#currentBooking td.header
{
color: #DD702F; font-weight: bold; font-size:120%;text-align:left;
}
td#ticketDisplay  div#currentBooking tr.total td{ text-align:right; }
td#ticketDisplay  div#currentBooking tr.total span.currency{ font-weight:bold;display:inline-block;padding-left:10px; }
td#ticketDisplay  div#currentBooking tr.total td.num{ text-align:left;font-weight:bold; }

td#ticketDisplay  div#currentBooking table td span.company{ font-style:italic; }
td#ticketDisplay  div#currentBooking tr#gst td{ padding:0; }
div#eventRegistrationForm div#stepThree input.fstxt
{
 vertical-align:top;
border: 1px solid #CCCCCC;
padding: 2px;
height: 24px; /*14px;*/
display:inline-block;
margin-left:14px;

border-radius:4px;
width:300px;
}

div#eventRegistrationForm div#stepThree textarea.fstxt
{
border: 1px solid #CCCCCC;
padding: 2px;
border-radius:4px;
}

div#eventRegistrationForm div#stepThree span.instruction.label
{
margin:0 0 5px 14px;
color:#4c4c4c;
}

div#eventRegistrationForm div.subSection{ padding:0 20px; }
div#eventRegistrationForm div.subSection.invoiceTo{ padding:15px 20px 30px 20px; }

/* step four - confirm */

/* div#bookingLogin div.control{position:relative; top:32px; } */
div#eventRegistrationForm div#stepFour  table#ticketTable
{
border:1px solid #ccc;
border-collapse:collapse;

}
table#ticketTable td
{
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #CCCCCC;
font-size: 11px;
padding: 2px 5px;
}
table#ticketTable td.lvalue,
table#ticketTable td.lcolumn {background: none repeat scroll 0 0 #EEEEEE;}
table#ticketTable tr.ticket td{ background:#eeeeee; }
table#ticketTable td.costNote{ font-size:80%;color:#999;text-align:right;}
table#ticketTable td.total{ font-weight:bold; }
table#ticketTable td.currency,table#ticketTable td.costLabel{ text-align:right; }

table#ticketTable td.ticketType{ width:300px; } /* anonymous only */

table#transactionDateTable td.ldate{ padding-left:15px; }


table#ticketTable td img.specialReq{ cursor:pointer;}
table#ticketList td.sold-out
{
  padding: 10px 10px 10px 15px;
  background: #eee !important;
  color: #aaa !important;
  border-bottom: 1px solid #ffffff;
}
table#ticketList div.sold-out
{
  position: relative;
  top: 0rem !important;
  margin-bottom: -2rem !important;
  text-align: right;
  padding-right: 2rem;
  color: #900;
  font-size: 250%;
  font-weight: bold;
  margin-top: -20px;
  margin-left: -40px;
  z-index: 2000;


}

ul#requirements li{ line-height:15px; }
div#warningContainer{ text-align:center;width:100%;}

/* TEMP FOR DEMO */
div#ticketSection table#ticketSelector select.fsel {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    height: 30px;
    padding: 6px 4px;
    width: 200px;
}
p.tc_agree{ min-height:20px; font-weight:bold;}
ul#requirements{ padding:20px; }
ul.registrationFormConditions{ margin:10px 18px; }
ul.registrationFormConditions li{
	text-align:left;
	margin: 15px 0 5px 30px;
}
ul.registrationFormConditions li ul li{
	text-align:left;
	margin: 5px 0 5px 30px;
}
ul.registrationFormConditions li ul
{
	margin-bottom:15px;
}
div#eventRegistrationForm div#masterContainer div.sectionContainer div#terms ul.registrationFormConditions li p
{
	margin:5px 0;
}
div#statusMessage{ margin-top:15px; }
div#eventRegistrationForm div#terms span
{
	display:inline-block;
	padding-right:10px;
	float:left;
}
div#eventRegistrationForm div#terms ul li span
{
	float:none;
}
span.gstNote{ font-size:75%;display:block;font-weight:normal;}

table#ticketList span.gstNote{ display:inline;}

div#ajaxBusy.noText{ background:none;margin:auto; }

div#feStatusMessage{ width:75%; }

td.eventHost:hover{ text-decoration:underline;}
div#chargeCardElements
{
display:none;
background: #f6f6f6 none repeat scroll 0 0;
border: 1px solid #ccc;
padding:10px;
margin-top:15px;
width:650px;
}
div#chargeCardElements div
{
display:inline-block;
padding:5px 0px;

}
div#chargeCardElements div span.label
{
display:inline-block;
padding:0 7px;
color:#676767;
}
div#eventRegistrationForm div#stepThree div#chargeCardElements input.fstxt
{
margin:0;
width:100px;
}
div#eventRegistrationForm select.fsel
{
border: 1px solid #cccccc;
display: inline;
padding: 3px;
height:21px;
min-width:130px;
width:130px;
margin:0;
}

p#accountSettings span
{
display:inline-block;
width:120px;
}

/* custom questions etc override */

div.dynamicProperty
{
padding-bottom:20px;
font-size:13px;
}
div.sectionContent div.subSection div.dynamicProperty span.instruction
{
width:auto;
max-width:480px;
font-weight:bold;
}

div.sectionContent div.subSection div.dynamicProperty.single div.col span.instruction
{
/* single checkbox label */
position:relative;
top:3px;
}

div.dynamicProperty.paymentProperty
{
padding-left:20px;
padding-top:20px; /* always the first */
}
div#eventRegistrationForm div#masterContainer div.sectionContainer div.paymentProperty label
{
color:#676767;
}
div.dynamicProperty label
{
top:0px;
font-size:13px;
}
div.dynamicProperty.paymentProperty label
{
padding-right:0;
}
div.dynamicProperty div.col.txt
{
display:block;
padding-left:0px;

padding-bottom:10px;
}

div#eventRegistrationForm div#stepThree div.dynamicProperty input.fstxt
{
width:300px;
font-size:13px;
height:24px;
margin-left:0;
border-radius:4px;
}
div#eventRegistrationForm div#stepThree div.dynamicProperty select
{
width:305px;
font-size:13px;
height:28px;
margin-left:0;
border-radius:4px;
}
div.dynamicProperty table.fgroup td
{
padding-bottom:10px;
}



div#eventRegistrationForm div.customQuestion.single input[type="checkbox"]
{
padding:0px;
/*top:5px;*/
bottom:0px;
margin:0 10px 0 -0px;

}

/* table#holderSelector tr.factorHeading{ left:-30px;display:inline-block;position:relative; } */
/* table#holderSelector tr.factor td:first-child{ border-left:1px dashed #999; }*/
table#holderSelector tr.factor td strong{ font-weight:normal;color:#999; }

div#eventRegistrationForm select.fsel.holderPhone
{
min-width:50px;
width:75px !important;
height:26px;
border-radius:4px;
}

div#eventRegistrationForm div#addressSection  select.fsel.holderPhone
{ height:30px; }
div#eventRegistrationForm select.fsel.holderPhone option.lbl
{
font-size:75%;
color:red;
}

table#holderSelector thead{ display:none; }
table#holderSelector tbody td span
{
display:block;

color:#676767;
/*height:20px !important;
padding-bottom:5px;
vertical-align:bottom;*/
}
table#holderSelector tbody td span.holder-label
{
display:table-cell;
vertical-align:middle;
}
table#holderSelector tbody td span.sessionTime
{
display:inline;


}
table#holderSelector tbody td span.ticketPrice
{
font-weight:bold;
}
table#holderSelector tbody td span.holder-label
{

	height:25px !important;
}
table#holderSelector tbody td span.required {
    display:inline;
    height:auto;

}
table#holderSelector tbody td span.finlinehelp
{
	display:inline-block;
	color:#999;
}
table#holderSelector tbody td span.customUploadButton
{
	display:inline-block;
	color:#ffffff;
}
table#holderSelector tbody td span.customUploadButton.disabled
{
	background:#999999;
	cursor:default;
}

table#holderSelector tbody td span.customUploadNotes
{
	display:inline-block;
}
table#holderSelector tbody td { text-align:left;vertical-align:top; }
table#holderSelector tr.padt td
{

padding-top:15px;
padding-bottom:15px;
}
table#holderSelector tr.subseq td
{
border-top:1px solid #ccc;
}
div#eventRegistrationForm table#holderSelector tbody td p{ color:#676767; }
div#eventRegistrationForm table#holderSelector tbody td table td{ vertical-align:middle; }

div#eventRegistrationForm table#holderSelector tbody td
{
	padding-top:10px;
}

div#eventRegistrationForm table#holderSelector tbody td.lbl
{
width:200px !important;
text-align:right;
/* padding:10px 5px 0px 0px; */
padding:0px 5px 0px 0px;
color:#676767;/*
font-style:italic;
font-family:times new roman;*/
}
/*
div#eventRegistrationForm table#holderSelector tbody tr.firstCustom td{ padding-top:15px; }
*/

div#cardLogos
{
padding:20px;
}
span.pmInput{ white-space:nowrap;display:block;padding-bottom:5px; }
table.fgroup
{
/*
position:relative;
top:-1em;
*/
width:100%;
border:0.1em solid #ddd;
padding:0.5em;
border-radius:10px;
}
div#eventRegistrationForm table#holderSelector tbody tr.firstCustom td table.custom
{
width:100%;

}
div#eventRegistrationForm table#holderSelector tbody tr.firstCustom td table.fgroup td{
padding:5px 3px; /*vertical-align:middle; */
}
table.fgroup label
{
top:0px
}
/* table#holderSelector td.email{ width:200px;} */
label{ padding-right:5px; }
table.ltable td.phone{ width:auto; }
table#holderSelector td.name{ width:220px;}

table#holderSelector tbody tr.holder-row td span.required
{
/*
display:inline-block;
top:-12px;
*/
}
table#holderSelector tbody tr.spacer td{ height:20px; }
table.fgroup table.el { border-spacing:0px;}
table.fgroup table.el td{ padding:0px; }

table#holderSelector td.firstTwo
{
width:200px !important;
/* use the 3 & 4 cells as stretchers*/
}
table#holderSelector td.firstTwo.org
{
	width:180px !important;
	text-align:left;
/* use the 3 & 4 cells as stretchers*/
}
div#eventRegistrationForm div.feStatusMessage a
{
text-decoration:none;font-style:italic;
}
div#eventRegistrationForm div.feStatusMessage a:hover
{
text-decoration:underline;
}

div#eventRegistrationForm table#holderSelector tbody tr.firstCustom td table.fgroup td:first-child
{

}
table#holderSelector input.holderEmail {
    width: 165px;
}
table#holderSelector input.holderOrg {
    width: 140px;
}
table#ticketList p span.wunit
{
	display:inline-block;
	padding:5px 0px;
	font-size:12px;
}
table#eventTable table#whereWhen td.label
{
/*	display:none; */
}
table#eventTable  table#whereWhen
{
	margin-top:0px;
	margin-left:-4px;
}
table#eventTable td.description span.subtitle
{

	display:block;
	font-size:20px;
	margin-top:10px;

}
table#eventTable td.description span.subtitle.wunit
{


	font-size:16px;


}
div#newHolder
{
	text-align:center;
	margin:auto;
}
div#newHolder div.subhead
{

	padding:15px 0 25px 0;
}
tr.ticketType td.name div
{
	font-size:18px;
	margin-left:-15px;
	color:black;
	padding:15px 0px;

}
div#eventRegistrationForm div#masterContainer div#stepThree div.sectionContainer { border:none; }
/* div#eventRegistrationForm div#masterContainer div#stepThree div.sectionContainer  div.sectionContainer {border: 1px solid #CCCCCC;} */

table#eventTable table td.typeHeading
{
	font-size:16px;
	background:#fafafa;
}
p span.session,span.session
{
	font-size:14px;
	display:block;
	color:#333;
	padding-top:5px;
}
b.ticketName
{
	display: block;
	margin-bottom: 0px;

	color:#333;
}
b.ticketName span
{
	/* 	color:#676767; */

}
table#ticketList td span.ticketDescription
{
    font-size:12px;
    display:block;
}
table#ticketList td
{
	/*  height:50px; actually works as min-height */
}
table#ticketList td#loginLinks,table#ticketList td.flex
{
	height:auto;
}
table#eventTable table#whereWhen td span.parking
{
	font-size:13px;
	display:block;
	padding-top:5px;
}
div#bookingCasualWarning
{
	display:none;
width:350px;
position:relative;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #ccc;

/*
behavior: url(PIE.htc);
-webkit-box-shadow: #7a7a7a 0px 6px 8px;
-moz-box-shadow: #7a7a7a 0px 6px 8px;
*/
box-shadow: #7a7a7a 0px 6px 8px;
z-index: 1001;

}
div#bookingCasualWarning div.header
{
	border-radius:4px;

}
div#bookingCasualWarning.inputDialog div.header
{
	width:95%;
}

div#bookingCasualWarning.bookingPopup div.instruction,
div#bookingCasualWarning.bookingPopup div.form
{
	padding:0;
	width:350px;
}
div#bookingCasualWarning p
{
	font-size:110%;
}
div.invoiceTo span.instruction.label span.nb
{
	display:inline-block;
	font-size:80%;
	padding-bottom:10px;
}
body#tabbedNavigationPage.organiser div#containerColor {
    background: #FFF url(../images/style/body_bg_tile_tabbed_page.jpg) 0px 0px repeat-x;
}
div#masterContainer div.sectionContainer p.tc_agree
{
padding: 15px 0 5px 0;
}
tr#local-tz div.local-date.active
{/*
	background:#dce9f2;
	padding:10px;
	border-radius:8px;
*/
	margin-bottom:1em;
}
tr#local-tz div.local-date.active span.time-note
{
/*	color:black; */
	font-size:12px;
}
#ticketList span.session-tz span
{
	display:block;
	font-size:12px;
	margin-top:1em;

}
p span.session-tz
{
	margin-bottom:1em;
}
div.eventDate
{
	padding:10px 0px;
}
div.eventDate span.date-container
{
	font-weight:bold;
	display:block;
}
span.smallButton, input.button, input.smallButton, input.bigButton, a.panelButton
{
	border:none !important;
}

#terms ul
{
	margin:.5rem 0 1rem 0;
	padding:0 0 0 1rem;

}
#terms ul ul
{
	list-style:disc;
}