/* FDI website */

/* custom 'styles'.  NB: FDI has box model fix */
.form-layout {
	padding: 0 5%;
	width: 98% ;
	min-width: 250px;
	max-width: 100% ;
	margin-left: 1% ;
	margin-right: 1% ;
}

.form-layout ol li {
	padding-left: 1em ;
	}

.form-layout label.form-label {
	display: inline-block;
	width: 150px;
}

.form-buttons {
	margin-top: 1.5em ;
	margin-bottom: 1em ;
	text-align: center ;
	}

/* template 'styles' */

#content table.tbl-event-series {
			width: 98% ;
			margin-top: 2em ;
			border: 0 ;
		}
	
		#content article .table-content-container table.tbl-event-series td {
			padding: 9px ;
			border-width: 1px 0 !important ;
			border-style: solid ;
			border-color: #cccccc !important ;
		}
	
		#content article .table-content-container a.btn-booking-series {
			display: block ;
			margin: 9px ;
			padding: 8px ;
			text-align: center !important ;
			font-weight: bold ;
			text-decoration: none ;
		}
			a.btn-booking-series:hover {
				text-decoration: none ;
			}

		a.btn-booking-series {
			color: white ;
			background: #116399 ;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
			a.btn-booking-series:hover {
				background: #A0B23B ;
			}

		#content article .table-content-container  table.tbl_CalBox {
			border-width: 1px ; 
			border-style: solid ;
			border-color: #A0B23B ;
		}

		#content article .table-content-container  table.tbl_CalBox td.td_CalMonth {
			background: #A0B23B ;
			text-align: center !important ;
			color: white ;
			font-weight: bold ;
			padding: 6px 12px ;
		}
		#content article .table-content-container  table.tbl_CalBox td.td_CalDay {
			text-align: center !important ;
			padding: 6px 12px ;
		}




	
	
.event-buttons {
	border-width: 1px;
	vertical-align: top;
	padding: 0;
}

.price-box {
	margin: 3% 5% 54px 5%;
	border-width: 1px;
	padding: 5% ;
	position: relative;
	/* width: 79.5%; */
	
}

.event-banner img {
	width: 100% ;
	}

.sponsor-wrapper { 
		margin: 3% 5% 54px 5%;
	border-width: 1px;
	padding: 5% ;
		width: 79.5%;
	background: white;
}

.sponsor-heading {
	font-weight: bold;
	font-size: 1.15em;
	padding-bottom: 1em;
}

.sponsor-box {
	text-align: center;
	padding-bottom: 0.5em;
	border-bottom: 1px;
	margin-bottom: 1em;
}

.sponsor-box img {
	width: auto;
}

.price-box-w-button-small {
	padding-bottom: 30px;
}

.price-box-w-button-big {
	padding-bottom: 38px;
}

.price-heading {
	font-weight: bold;
	font-size: 1.15em;
}

.price-sub-heading {
	font-weight: normal;
	font-size: 1.15em;
}

#content table.price-line {
	border: 0;
	width: 100%;
}

.price-line-value {
	text-align: right;
}

.price-button {
	display: block;
	margin-top: 12px;
	padding: 8px 0;
	width: 76%;
	margin-left: 7%;
	margin-right: auto;
	text-align: center;
}

.price-box-w-button-small .price-button {
	position: absolute;
}

.price-box-w-button-big .price-button {
	position: absolute;
}

.price-button:hover {
	text-decoration: none;
}

.pb-line2 {
	font-weight: bold;
	font-size: 1.25em;
}

.event-sponsor-wrapper {
	width: 100%;
	border: 1px solid #cccccc;
}

.event-buttons {
	background-color: #DDDDDD;
}

.price-box {
	background-color: #F0F0F0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.price-heading {
	color: #333333;
}

.price-sub-heading {
	color: #0E2742;
}

.price-line-text {
	color: #666666;
}

.price-line-value {
	color: #666666;
}

.price-button {
	background: #87b647   ;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.price-button:hover {
	text-decoration: none;
	background-color: #277AAF ; 
}

.pb-line1 {
	color: white;
}

.pb-line2 {
	color: white;
}

#content .form-layout {
	background: #F8F8F8;
	border-width: 1px;
	margin-top: 1em;
}

.form-layout table {
	background: #FFFFFF;
}

.formTitle {
	padding: 1em 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#content .formTitle h1 {
	padding: 0;
	margin: 0;
	border-width: 0;
}

.formTitle .text-large {
	font-size: 1.3em;
}

div.event-details-wrapper {
	border: 1px solid #cccccc;
	padding-bottom: 1em;
}

/*table.tbl-event {*/
div.div-event {
	margin: 1em 0 0 0;
	width: 100%;
	border-collapse: collapse;
}

div.event-details-wrapper div.div-event {
	margin: 1em 2% 0 2%;
	width: 96%;
}

/*table.tbl-event td.td-event-details {*/
div.div-event td.td-event-details {
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

#content div.div-event table.event-details-header {
	border-width: 0 0 3px 0;
	width: 100%; /*custom for sfa*/
	margin-bottom: 1em;
}

div.div-event td {
	padding: 0 0.5em;
}

#content table.event-brief-style {
	border-width: 1px;
	margin: 1em 0 1em 0;
	width: 94.5%;
}

div.event-details-wrapper table.event-brief-style {
	width: 100%;
}

#content div.div-event td.td-event-date-box,#content table.event-brief-style td.td-event-date-box
	{
	text-align: center;
	vertical-align: middle;
	border-width: 0 0 1px 0;
	padding: 0;
}

div.div-event td.td-event-date-box {
	width: 25%;
}

table.event-brief-style td.td-event-date-box {
	width: 25%;
}

#content div.div-event td.td-event-date-box table,
#content table.event-brief-style td.td-event-date-box table
	{
	border-width: 0;
	margin: 10px auto 10px auto;
}

div.div-event td.td-event-month,
table.event-brief-style td.td-event-month
	{
	text-align: center;
	font-weight: bold;
	font-size: 1.75em;
	line-height: 100%;
	padding: 12px 12px 1px 12px;
}

div.div-event td.td-event-day,table.event-brief-style td.td-event-day {
	text-align: center;
	font-weight: bold;
	font-size: 2.75em;
	line-height: 100%;
	padding: 1px 12px 22px 12px;
}

div.div-event td.td-event-info,table.event-brief-style td.td-event-info
	{
	padding: 0;
	border-width: 0 0 1px 0;
}

#content div.div-event td.td-event-info table,
#content table.event-brief-style td.td-event-info table
	{
	border-width: 0 0 0 3px;
	margin: 20px 24px 20px 0;
}

#content table.event-brief-style td.td-event-info table {
	margin-top: 6px;
}

#content div.div-event td.td-event-info td.td-label,#content table.event-brief-style td.td-event-info td.td-label
	{
	font-weight: bold;
	vertical-align: top;
	width: 78px;
	padding: 0.2em 0.5em 0.2em 24px;
}

div.div-event td.td-event-info td.td-data,table.event-brief-style td.td-event-info td.td-data
	{
	vertical-align: top;
	padding: 0.2em 0.5em 0.2em 0;
}

#content .pre-page-title {
	font-size: 1.15em;
}

#content .pageTitle {
	/* font-size: 1.35em; */
}

#content .event-brief-style .pageTitle {
	margin: 15px 15px 6px 30px;
	padding-bottom: 3px;
}

#content fieldset.fieldsetBox {
	margin-bottom: 25px;
	padding: 15px 0 0 0; /* 0 15px 0 0 ; */
	border-width: 3px 0 0 0;
	border-style: solid ;
}

fieldset.fieldsetHidden {
	display: none;
}

#content fieldset.fieldsetBox legend {
	padding: 6px 10px;
	margin-left: 8px;
	font-weight: bold;
	font-size: 105%;
}

fieldset.fieldsetDelegate legend {
	
}

fieldset.fieldsetBox ol {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 10px;
}

fieldset.fieldsetBox ol li {
	padding-bottom: 10px;
}

div.divInputForm {
 	border: 1px solid #cccccc; 
	background: #FFFFFF;
	padding: 2em 20px 20px;
}

div.clean,div.error {
	margin-left: 10px;
	padding-left: 35px;
	line-height: 30px;
}

div.divSubmit {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	border-width: 0;
}

div.divSubmit div {
	padding: 0;
	margin: 0 0 0.5em 1.90em;
}

div.divSubmit .btn-right {
	text-align: right;
}

div.divSubmit input {
	font-weight: bold;
	font-size: 110%;
	padding: 5px 10px;
}

div.divSubmit .btn-right input {
	padding: 5px 40px;
}

div.divSubmit .btn-confirmation .cc-text {
	font-weight: bold;
	padding-left: 2em;
	padding-right: 1em;
}

div.divSubmit .btn-confirmation .cc-logos {
	padding-left: 1em;;
}

div.divSubmit input.btnDisabled {
	border-width: 1px;
}

/*========================================*/ /*	
.form-layout {		
	border-color: #08AA9D;
    border-style: solid;
}
*/
#content .form-layout table.event-details-header {
	width: 100%;
}

.td-event-details {
	background: #FBFBFB;
}

.td-event-date-box {
	background-color: #FFFFFF;
}

.td-event-month {
	color: #9ccb3b  ;
}

.td-event-day {
	color: #AAAAAA;
}

.td-event-info {
	background-color: #FFFFFF;
}

.pageTitle {
	
}

.event-brief-style .pageTitle {
	/* color: black; */
}

fieldset.fieldsetBox {
	background: #FFFFFF;
}

fieldset.fieldsetBox legend {
	background: #557f63 ; 			/* change this one */
	color: #FFFFFF ;
}

fieldset.fieldsetDelegate legend {
	background: #a7a9ac ; /* change this one */
}

#content .form-layout label.form-label {
	width: 120px;
}

#content .form-layout select {
	width: 210px;
}

#content .form-layout select.select-auto-width {
	width: auto;
}

#content .form-layout input.required,
#content .form-layout select.required {
	/* defined in site's form.css */
}

#content .form-layout input.error,
#content .form-layout select.error {
	border-color: red;
}

div.clean {
	color: green;
	background: transparent url(/IBEC/Events.nsf/images/events/field-results-clean.png) no-repeat center left;
}

div.error {
	color: red;
	background: transparent url(/IBEC/Events.nsf/images/events/field-results-error.png) no-repeat center left;
}

#content .form-layout span.label-nb label {
	font-weight: normal;
}

.form-layout ol li div {
	display: inline-block; /* or is it inline alone?*/
}

.lt-ie8 .form-layout ol li div { /* ie < 8 inline-block fix */
	zoom: 1;
	display: inline;
}

#content .form-layout .tbl-event-fees-summary {
		width: 100% ;
		margin-bottom: 0.75em ;
		border-width: 1px ;
	} 
	
#content .form-layout table.tbl-event-fees-summary th ,
#content .form-layout table.tbl-event-fees-summary td {
			padding: 5px ;
		border-width: 1px  ;
		border-style: solid  ;
		border-color: #D5EAC7 ;
		text-align: left ;
		
		}
	
	
@media screen and (max-width: 768px){
	
	.div-event .grid_8 {
		width: 98% ;
	}
		.div-event .event-buttons {
			width: 60% ;
			margin: 1em auto 0 auto ;
		}
}

@media screen and (max-width: 500px){
		
	#content .form-layout label.form-label {
		display: block ;
	}
	
}


.booking-form-prices {
	padding: 1em ;
	}
.booking-form-prices > .price-listing-heading ,
.booking-form-prices > div {
	max-width: 250px;
	margin: 0.5em auto 0.5em 20px;
	padding: 0 10px 0.5em 10px ;
	}

/*
.booking-form-prices > div {
	border-width: 0 0 1px 0 ;
	}
*/