#mailform p.mailform_istructions {
	font-style: italic;
	font-size:11px;
	margin:0px;
}

#mailform .mailform_container {
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	        box-sizing: border-box;         /* Opera/IE 8+ */
}
/*
#mailform #form_container.form_side {
	display: table-cell;
}

/* validation */

label.invalid {
	color: #C00;
}

label.invalid span.asterisk {
	color: #C00;
	font-style:normal;
}

/* fieldsets for block gformats */

#mailform legend {
	background-color: #333;
	color: #FFF;
	padding: 3px 6px;
	border-radius: 5px;
}

#mailform fieldset {
	/*width: 300px;*/
	border-radius: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #FFF;
	margin-bottom: 20px;
}

#mailform fieldset dl {
	margin: 0;
}

#mailform fieldset dd:last-child {
	padding-bottom: 5px;
}

/* secondary content */

#mailform #secondary_container {
	
}
/*
#mailform #secondary_container.secondary_container_side {
	padding: 0 0 0 10px;
	border-left: 3px solid #AAA;
	display: table-cell;
	width: 200px;
}
*/
#mailform #secondary_container.secondary_container_below {
	clear: left;
}

#mailform #secondary_container p:first-child, #mailform #secondary_container h2:first-child {
	margin-top: 0;
	padding-top: 0;
}

#mailform #secondary_container p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* form layout */

/*
#mailform dd {
	margin-left:0px;
	padding-bottom: 2px;
}

#mailform dd {
	margin-left:0px;
	padding-bottom: 16px;
}
*/

#mailform dd {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

#mailform input, #mailform textarea {
	 font: 14px Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	 /*padding: 2px;*/
}

/* button icons */

#mailform .dijit_button_icon {
	background-repeat:no-repeat;
	height:16px;
	text-align:center;
	width:16px;
}

#mailform .dijit_button_icon.back {
	background-image:url( ../../images/mailform/icon_back.png);
}
	
#mailform .dijit_button_icon.next {
	background-image:url( ../../images/mailform/icon_next.png);
}

#mailform .dijit_button_icon.submit {
	background-image:url( ../../images/mailform/icon_submit.png);
	background-position: 0 1px;
}

#mailform .dijit_button_icon.send_another {
	background-image:url( ../../images/mailform/icon_send_another.png);
	background-position: 1px 1px;
	width:18px;
}

/* dijit styling */

.dijitRuleContainer {
	height: 1.5em; 
	font-size: 75%; 
	color: #999;
}

.dijitRuleContainer .dijitRuleMark {
	border-color: #999;
}

.dijitSliderBar {
	height: 5px;
}

/* Show with dojo once rendered */

#form_container {
	visibility:hidden;
}

/* wizard header - flow */

.wizard_header_flow {
	float: left;
	overflow: hidden;
	width: 100%;
}

.wizard_header_flow ul.flow_steps {
	position: relative;
	left: -40px;
	padding-left: 0;
}

ul.flow_steps li {
	position:relative;
	float: left;
	color: #C2C2C2;
	background-position: left -15px;
	background-repeat: no-repeat;
	min-height:60px;
	height: 4em;
	min-width:120px;
	width:19%;
	line-height: 60px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 40px;
	text-align: left;
	overflow:hidden;
}

ul.flow_steps.cyan li {
	background-image: url('../../images/mailform/wizard_flow_bg_cyan.png');
}

ul.flow_steps.red li {
	background-image: url('../../images/mailform/wizard_flow_bg_red.png');
}

ul.flow_steps.blue li {
	background-image: url('../../images/mailform/wizard_flow_bg_blue.png');
}

ul.flow_steps.green li {
	background-image: url('../../images/mailform/wizard_flow_bg_green.png');
}

ul.flow_steps.grey li {
	background-image: url('../../images/mailform/wizard_flow_bg_grey.png');
}

ul.flow_steps.violet li {
	background-image: url('../../images/mailform/wizard_flow_bg_violet.png');
}

ul.flow_steps li.done {
	color: #fff;
    background-position: left -315px;
}

ul.flow_steps li.current {
	color:#fff;
    background-position: left -215px;
}

ul.flow_steps li.next {
	background-position: left -115px;
}

ul.flow_steps li.not_done {
	background-position: left -15px;
}

ul.flow_steps li span.step_number { 
	color: #FFF; 
	margin: 0 5px 0 10px;
}

ul.flow_steps.red li.next span.step_title, ul.flow_steps.red li.not_done span.step_title,
ul.flow_steps.blue li.next span.step_title, ul.flow_steps.blue li.not_done span.step_title { 
	color: #999; 
}

#mailform ul.flow_steps li.done a {
	color: #fff;
	text-decoration: none;
}

/*
 * Specific fields
 */

#mailform .dijitTextBox.mailform_field_telephone_area {
	width: 60px;
}

#mailform .dijitTextBox.mailform_field_telephone_local {
	width: 150px;
}


/*----------------------Richard added this 21st March 2013 ----------------------------------*/

.mailform_container > br {
	display:none;
}

#mailform dl {
	margin-top:0px;
}

#mailform #secondary_container.secondary_container_side {
	display:table-cell;
	width:50%;
	text-align:left;
	border-left: 1px dotted #3E3E3E;
	padding-left:20px;
	vertical-align:top;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#mailform_form , #mailform_form input [type="text"]{
	display:block;
	width:100%;
}

#form_container {
	display:table-cell;
	width:50%;
	padding-right:20px;
	vertical-align:top;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#content #mailform_form strong {
	text-transform:capitalize;
	display:block;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#form_container .dijitTextBox , #form_container .dijitTextArea{
	padding:3px;
	margin:0px;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

