/* * *
 * theme: -none-
 * css code for the structure ..
 * - theme css will have the colours + border widths ...
 * - HTML5
 * - do not include the form.css - may clash with the structure and theme styles.
 *
 * three parts:   
 *	1) Event page 				(event-page)
 *	2) Form - event details		(form-event-details)
 *	3) Form - input fields		(form-input-fields)
 * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * part 1 - event-page
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
.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%;
}

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

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

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

.price-button {
	display: block;
	margin-top: 12px;
	padding: 8px 0;
	width: 72%;
	margin-left: 9%;
	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;
}

.price-box ,
.price-button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.event-contact-details {
	margin: 1em 0 ;
	padding: 1em 0 ;
	border-width: 3px 0 0 0 ;
	}	

a.link-related-events {
	padding: 1em ;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * part 2 - form-event-details
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


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

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

div.div-event table.event-details-header {
	border-width: 0 0 3px 0;
	width: 100%;
	margin-bottom: 1em;
}

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

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

div.div-event td.td-event-date-box, 
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%;
}

div.div-event td.td-event-date-box table, 
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;
}

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

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

div.div-event td.td-event-info td.td-label,
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;
}

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

.pageTitle {
	font-size: 1.5em;
}

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

table.tbl-event-series {
		margin-top: 2em ;
		border: 0 ;
	}
	
		table.tbl-event-series td {
			padding: 9px ;
			border-width: 1px 0  ;
		}
			table.tbl-event-series td table td {
				padding: 0 ;
				border-width: 0 ;
			}
		
		table.tbl-event-series td.td-event-date-box-mini {
			width: 100px ;
			padding: 0 ;
		}
			table.tbl-event-series td.td-event-date-box-mini table {
				margin: 0 auto ;
			}
			table.tbl-event-series td.td-event-month {
					padding-top: 0 ;
				}
				table.tbl-event-series td.td-event-day {
					padding-bottom: 0 ;
				}
		table.tbl-event-series .td-event-buttons {
			padding: 0 ;
		}
			table.tbl-event-series .price-button {
				margin: 1em auto ;
			} 


.form-layout table.event-details-header {
	width: 100%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * part 3 - policy text content
 * RCA - this stylesheet is not used by the sectors - so applied styles on sf itself, 
 * rather than have to update each individual stylesheet 
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

Xdiv.divPolicyContent {
	font-size: 0.9em;
	padding:15px ;
	margin-top: 1em;
	border-top:3px 0 0 0; 
	background-color: #f8f8f8;
}

Xdiv.divPolicyContent p {
	margin-top: 0 ;
	}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * part 4 - form-input-details
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

fieldset ,
legend ,
.form-layout ul ,
.form-layout ol ,
.form-layout li {
	margin: 0 ;
	padding: 0 ;
	}

.form-layout {
	margin: 0 ;
	padding: 0 ;
	}

.form-layout table {
	margin-left: 0 ; /* turn off table centre style */
	}

fieldset.fieldsetBox {
	margin-bottom: 25px;
	padding: 15px 0 0 0; 
}
	
	fieldset.fieldsetHidden {
		display: none;
	}
	
	fieldset.fieldsetBox legend {
		padding: 6px 10px;
		margin-left: 8px;
		font-weight: bold;
		font-size: 105%;
	}

	fieldset.fieldsetBox ol {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}
	
		.form-layout ol li {
			list-style: none;
			padding: 5px 10px 5px 10px ; 
			margin-bottom: 2px;
		}
		
label.form-label {
	width: 120px;
	display: inline-block ;
	}
	.lt-ie8 label.form-label {
		display: inline; 
		zoom: 1 ;
	}
	.div-radio-box label ,
	span.label-nb label {
		font-weight: normal;	/* radio/checkboxes are wrapped with label tags */
	}
	.checkboxes label {
	    width: auto;
	}
	
	label.error {
		/* for non-html5 browsers */
		float: none;
		margin-left: 10px ;
		width: 10px ;
		display: inline-block ;
		font-weight: bold ;
		color: red ;
		}
	label.radio-error {
		margin-left: 0 ;	/* error msg for radios - sits beneath the radios ...*/
		}


input,
textarea ,
select {
	outline: none;
	padding: 5px;
	width: 200px;
	margin-top: 0.35em ;
	}

	select {
		width: auto ;
	}
		select.select-auto-width {
			width: auto;
		}

	input[type=radio],
	input[type=checkbox] {
		width: auto ;
		background: none ;
		border: 0 ;
		margin-top: 0 ; 
		margin-right: 0.5em ;
		}

textarea {
	max-width: 600px ;
	min-width: 200px ;
	height: 6em ;
	width: 90% ;
	}


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


.form-layout .tbl-event-fees-summary {
		width: 100% ;
		margin-bottom: 0.75em ;
		border-width: 1px ;
	} 
	
.form-layout table.tbl-event-fees-summary th ,
.form-layout table.tbl-event-fees-summary td {
	padding: 5px ;
	text-align: left ;
	}

.pHide {
	display: none ;
	}	



.form-layout ol li div.event-table-text {
	margin-top: 2em ;
	margin-bottom: 3em ;
	}

.form-layout ol li div.tableNotesHidden {
	display: none ;
	}



/* * * * * *
 * error styles 
 * * * * * */

div.clean,
div.error {
	margin-left: 10px;
	padding-left: 35px;
	line-height: 30px;
}
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;
}


/* * * * * * *
 *
 * form - review
 * 
 * * * * * * */



/* * * * * * * * *
 *  button / submit styles
 * * * * * * * * */ 

.form-buttons {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	border-width: 0;
}
	
	.form-buttons div {
		padding: 0;
		margin: 0 0 0.5em 130px;
	}
	
	.form-buttons .btn-right {
		text-align: right;
	}
	
	.form-buttons input {
		font-weight: bold;
		font-size: 110%;
		width: auto ;
		
		margin: 0 auto ;
		padding: 5px 16px ;
		
		border-width: 1px ;
	}
	
	.form-buttons .btn-right input {
		padding: 5px 40px;
	}
	
	.form-buttons .btn-confirmation .cc-text {
		font-weight: bold;
		padding-left: 2em;
		padding-right: 1em;
	}
	
	.form-buttons .btn-confirmation .cc-logos {
		padding-left: 1em;;
	}
	
	.form-buttons input.btnDisabled {
		border-width: 1px;
	}