body {
    background-size: cover !important;
    color: #3b3b3b !important;
    font-family: HelveticaNeueLTStd-Roman,Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    height: 100%;
    position: absolute;
    width: 100%;
}
div.ctwo h1, div.ctwo h2, div.ctwo h3, div.ctwo h4, div.ctwo h5, div.ctwo h6 {
    font-family:'CharlieStd-SemiBold' !important;
}
#header_container #logo {
    width: 331px !important;
}
.wrapper-form-ribbon.rubine {
    background-color: #ce0058;
    height: 80px;
}
.wrapper-form-ribbon-container h1 {
    color: #fff;
    font-size: 30px;
    padding-left: 20px;
    padding-top: 20px;
}
div.ctwo h1 {
    display: none;
}
.wrapper-form-footer-container {
    height: 80px;
}
.wrapper-form-footer {
    background-color: #353535;
    margin-bottom: 20px;
}
.footer-col-left {
    color: #fff;
    font-size: 12px;
    padding-left: 20px;
    padding-top: 20px;
}
.footer-col-right img {
    margin-left: 800px;
    margin-top: -20px;
}
div#footer {
    display: none;
}
div#mid, body.home div#mid, body.noleftnav div#mid {
    background-color: #ffffff !important;
}
div.ctwo {
    background-color: #ffffff;
    margin: 0;
}
div.ctwo h1 {
    font-size: 32px;
}
div.ctwo h2 {
    font-size: 30px;
}
div.ctwo h3 {
    font-size: 26px;
    font-weight: 500 !important;
}
div.ctwo h4 {
    font-size: 20px;
    font-weight: 500 !important;
	margin-top: 30px;
}
div#survey_laststep p {
    margin-left: 30px;
}
div.ctwo p {
    font-size: 15px;
}
.formWrapper {
    margin: 0;
    width: 100%;
}
form {
    background-color: #ffffff !important;
    border: medium none !important;
    font-family: HelveticaNeueLTStd-Roman,Helvetica,Arial,sans-serif !important;
}
div.radio {
    width: 90%;
}

.conditional .formrow.type_radio {
	margin: 30px 0px 30px 10px;
}

div.radio {
	display: inline-block;
	position: relative;
	vertical-align: baseline;
	padding: 0;
	width: auto !important;
	float: none !important;
}

.radio input[type='radio'] {
  display: block !important;
  width: 30px !important;
  height: 30px;
  float: left !important;
  margin-right: 10px !important;
  cursor: pointer !important;
  -webkit-appearance: none;
  background: url('/resources/MLC/Simple%20Forms/Simple%20Form%20Images/icons.png') no-repeat -313px -191px !important;
}

.radio input[type='radio']:checked {
    background: url("/resources/MLC/Simple%20Forms/Simple%20Form%20Images/icons.png") no-repeat -488px -156px !important;
}

div.radio label.error {
	left: 0px;
	top: 35px;
	position: absolute;
}


.formfield {
    width: 45%;
}

.formfield > input {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #d8dde2 !important;
    border-radius: 0 !important;
    color: #333 !important;
    font-family: Arial,helvetica,sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding: 10px 0 !important;
    width: 100%;
}
.formfield > select {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #d8dde2 !important;
    border-radius: 0 !important;
    color: #333 !important;
    font-family: Arial,helvetica,sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding: 10px 0 !important;
    width: 100%;
}
.formfield > textarea {
    border-radius: 0 !important;
    font-size: 15px !important;
    padding: 0 !important;
}
label, .label {
    color: #3b3b3b !important;
    font-family: HelveticaNeueLTStd-Roman,Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
	width: 25% !important;
}

span.radiolabel {
  color: #3b3b3b !important;
  font-family: HelveticaNeueLTStd-Roman,Helvetica,Arial,sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  float: left;
  margin-right: 10px;
  padding: 15px 15px 0 0;
  display: inline-block;
}

span.checkboxlabel {
  color: #3b3b3b !important;
  font-family: HelveticaNeueLTStd-Roman,Helvetica,Arial,sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  float: left;
  margin: 0 10px 0 20px;
  padding: 0px 15px 0 0;
  display: inline-block;
  width: auto !important;
  position: absolute;
}

input:hover, select:hover, textarea:hover {
    border: 1px solid #bc4401 !important;
    outline: medium none;
}
div.checkbox {
    float: left;
    font-size: 14px !important;
    margin-top: 5px;
    width: 600px !important;
}
div.checkbox input {
    height: 16px;
    width: 16px !important;
}
span.checkboxlabel {
    font-size: 15px !important;
    margin-left: 10px;
}
.formNavigation {
    border: medium none !important;
    margin: 0 !important;
    padding: 25px 245px 45px !important;
    text-align: right !important;
}
.formNavigation input#back {
    display: none !important;
}
input#next:hover {
    background: none repeat scroll 0 0 #b13900 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
input.ui-formwizard-button {
    background-color: #c95109;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff;
    display: inline-block;
    font-family: Charlie-Std-SemiBold !important;
    font-size: 20px;
    height: 43px !important;
    margin-bottom: 22px;
    margin-top: 20px;
    min-width: 155px;
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 11px;
    text-align: center;
}
input.ui-state-default.error, select.ui-state-default.error, textarea.ui-state-default.error {
    background-color: #fff !important;
    border: 1px solid #990000 !important;
    color: #000000 !important;
}
span.call132652 {
    color: #bc4401;
}
p {
    line-height: 22px !important;
    margin-bottom: 18px !important;
}
.simpleform p {
    padding-bottom: 20px !important;
    padding-left: 0 !important;
}
.formrow.type_override_html p {
    font-size: 15px !important;
    width: 80%;
}
.ui-tooltip {
    background: none repeat scroll 0 0 #473f3a !important;
    border-width: 0 !important;
    box-shadow: none;
    padding: 10px;
}
.ui-tooltip-content {
    color: #fff;
}
.ui-tooltip:after {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-color: transparent #473f3a transparent transparent !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 5px !important;
    content: " " !important;
    margin-top: -5px !important;
    position: absolute !important;
    right: 100% !important;
    top: 50% !important;
}

.simpleform span.tooltip-icon-off, .simpleform span.tooltip-icon-over {
  margin-top: 20px;
 }


.ui-corner-all {
    border-radius: 2px !important;
}
.conditional {
    float: left;
    margin-left: -260px;
    width: 195%;
}
.stepname {
    background-color: #dcdad6 !important;
    border-radius: 0 !important;
    color: #3b3b3b;
    display: block;
    font-family: HelveticaNeueLTStd-Roman,Helvetica,Arial,sans-serif,Arial,Helvetica;
    font-size: 1.2em;
    font-weight: normal !important;
    padding: 7px 12px;
    width: 96%;
}
.formrow {
    clear: both;
}



/* start:: Register for adviser number  */

div#row_Date_of_Birth label {
    display: none;
}

.formrow.type_select.field_Day, .formrow.type_select.field_Month, .formrow.type_select.field_Year {
    display: inline-block;
}

select#Day, select#Month, select#Year {
    width: 120px;
}

/* end:: Register for adviser number  */



/* start:: Let us find your super  */
.pull-left {
    float: left;
}

.text-image p {
    margin-top: 30px;
}

.h2-mmargin{
	margin-top: 30px;
}

div#tick_message {
    height: 75px;
    border-top: 1px solid #d8dde2;
}

.need-more-help-wrapper {
    background-color: #F0EEEA;
    padding: 30px 0px;
	text-align: center;

}

.need-more-help-wrapper h4 {
    font-weight: 500;
    font-size: 20px;
    font-family: "CharlieStd-SemiBold" !important;
}

.formfield.clearfix {
    color: #3b3b3b !important;
    font-family: HelveticaNeueLTStd-Roman,Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.important {
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fdfbf7;
	margin-top: 30px;
}

.navigation_button {
    width: auto;
}

span.infoonly {
    top: 13px;
    position: relative;
}
/* end:: Let us find your super  */


/* start:: request_a_call_back_from_mlc_service.html  */
div#row_Preferred_contact_date label {
    display: none;
}

.fieldrow .formrow {
    float: none;
}

select#Day, select#Month, select#Year_contact_date {
    width: 120px;
}

.formrow.type_select.field_Day, .formrow.type_select.field_Month, .formrow.type_select.field_Year_contact_date {
    display: inline-block;
}
/* end:: request_a_call_back_from_mlc_service.html  */

/* start:: financial_wellness_series_seminar.html  */
.formrow.type_radio.field_Please_select_the_siminar_you_would_like_to_attend .radiolabel {
    margin-top: -35px; 
    margin-left: 35px;
}

.formrow.type_checkbox.field_Stay_informed .checkboxlabel {
    margin-top: -10px !important;
    margin-left: 15px;
}
/* end:: financial_wellness_series_seminar.html  */


/* Glen */

body.noleftnav div#mid {border:0 }

html, body {
  background-color: #fff;
}

div#w0 {
margin: 0 auto;
width: auto;
}
body.noleftnav div#mid {
margin: 0 auto;
width: 970px;
}

.wrapper-form-ribbon {

}

.wrapper-form-ribbon.teal {
    background-color: #01838C;
    padding-bottom: 50px;
    height: inherit;
}

.wrapper-form-ribbon.rubine {
	background-color: #ce0058; 
	padding-bottom: 50px;
	height:inherit;
}
.wrapper-form-ribbon-container, .wrapper-form-footer-container {
 width:970px; margin:auto;
}

.wrapper-form-ribbon-container h1 {line-height: 1.1em; padding-top:41px}

.footer-col-right {float:right; margin-right:20px}

.wrapper-form-footer {margin-bottom:0}


.formfield>input, .formfield>select  { padding: 10px !important}

label { margin-top:13px;}

div.checkbox {margin-top:10px}

.conditional {margin-top:20px}

.formfield>input, .formfield>select  { padding: 10px !important}

.formfield>textarea {width:500px}

.formfield {width:480px}
.formfield>select {width:500px}

.formNavigation {padding:20px 27% 50px  !important}

.formrow.type_override_html p {width:78%;}

input.ui-formwizard-button {font-family:'CharlieStd-SemiBold' !important}


.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default
{position:relative; top:8px;}



@media (max-width: 992px) {
html {
    height: 100% !important;
    overflow: hidden !important;
    width: 100% !important;
}
body {
    background-image: none;
    min-width: 100%;
    overflow-x: hidden;
}
div#w0 {
    width: 100%;
}
.formWrapper {
    margin: 0;
    width: 100%;
}
.formfield {
    width: 55%;
}
#w11, #w12, #w13 {
    overflow: inherit !important;
    width: 100% !important;
}
}
@media (max-width: 768px) {
}
@media (min-width: 481px) and (max-width: 767px) {
html {
    height: 100% !important;
    overflow: hidden !important;
    width: 100% !important;
}
body {
    background-image: none;
    min-width: 100%;
    overflow-x: hidden;
}
div#w0 {
    width: 100%;
}
div.ctwo h1 {
    font-size: 18px;
    margin-left: 0 !important;
}
.formWrapper {
    margin: 0;
    width: 100%;
}
.formfield {
    width: 60%;
}
#w11, #w12, #w13 {
    overflow: inherit !important;
    width: 100% !important;
}
div.checkbox {
    width: 100% !important;
}
.formlabel {
    padding-left: 0;
}
label, .label {
    text-align: left;
}
div.ctwo h3 {
    margin-left: 0 !important;
}
.simpleform p {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}
.conditional {
    float: left;
    margin-left: 0;
    width: 100%;
}
.formNavigation {
    border: medium none !important;
    margin: 0 !important;
    padding: 25px 45px !important;
    text-align: right !important;
}
}
@media (max-width: 480px) {
html {
    height: 100% !important;
    overflow: hidden !important;
    width: 100% !important;
}
body {
    background-image: none;
    min-width: 100%;
    overflow-x: hidden;
}
div#w0 {
    width: 100%;
}
div.ctwo h1 {
    font-size: 18px;
    margin-left: 0 !important;
}
.formWrapper {
    margin: 0;
    width: 100%;
}
.formfield {
    width: 60%;
}
#w11, #w12, #w13 {
    overflow: inherit !important;
    width: 100% !important;
}
div.checkbox {
    width: auto !important;
}
.formlabel {
    padding-left: 0;
}
label, .label {
    text-align: left;
}
div.ctwo h3 {
    margin-left: 0 !important;
}
.simpleform p {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}
.formNavigation {
    padding: 25px 30px 25px 0 !important;
    text-align: center !important;
}
input.ui-formwizard-button {
    display: inline-block;
    width: 100% !important;
}
.conditional {
    float: left;
    margin-left: 0;
    width: 100%;
}
span.radiolabel, span.checkboxlabel {
    color: #3b3b3b !important;
    display: inline-block;
    font-family: HelveticaNeueLTStd-Roman,Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    /*! margin-left: 35px; */
    margin-top: -18px;
    /*! width: 90%; */
}
.ui-tooltip:after {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-color: transparent transparent #473f3a !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 5px !important;
    content: " " !important;
    left: 5% !important;
    margin-top: -5px !important;
    position: absolute !important;
    top: -15% !important;
}

.fieldrow .formrow {
    float: left;
}
}



@media screen and (max-width: 1024px) {

	.wrapper-form-ribbon-container, .wrapper-form-footer-container {width: 90%; margin-left:5px}

	
}

@media screen and (max-width: 1024px) {

	.wrapper-form-ribbon-container, .wrapper-form-footer-container {width: 90%; margin-left:5px}	
}


@media screen and (max-width: 616px) {

.wrapper-form-footer {height:120px;}
}



@media screen and (min-width: 616px) and (max-width: 768px) {

.wrapper-form-footer {height:150px}

}

@media screen and (max-width: 767px) {


body.noleftnav div#mid {width: 95%;}

.formfield>select {width:50%}

}


@media screen and (min-width: 679px) and (max-width: 880px) {
.footer-col-left, .footer-col-right {float:none; display:block}
.footer-col-right img {margin:20px 0 20px 20px}
.wrapper-form-footer {height:100px}
}

@media screen and (max-width: 678px) {
.footer-col-left, .footer-col-right {float:none; display:block}
.footer-col-right img {margin:20px 0 20px 20px}
.wrapper-form-footer {height:120px}
}

@media screen and (min-width: 480px) and (max-width: 767px) {

	.formfield { width:50%}

	.formfield>select {width:107%}
    .formfield>textarea {width:105%}

    .conditional .formfield { width:100%}
	.wrapper-form-footer {height:110px}

}

@media screen and (min-width: 600px) and (max-width: 767px) {

	.formNavigation {float:right; padding:10px 0 50px 0 !important;
	 margin-right:15% !important}


}

@media screen and (min-width: 480px) and (max-width: 599px) {

	.formNavigation {float:right; padding:10px 0 50px 0 !important;
	 margin-right:5% !important}

	
}

@media screen and (max-width: 479px) {

	.formfield { width:80%}
	.formfield>select {width:107%}
	.formfield>textarea {width:107%}
	
	label, .label {
    text-align: left;
    width: 100% !important;
	}
	
	div.checkbox {margin-top: 20px;}

	span.radiolabel, span.checkboxlabel {display:block;}

	span.radiolabel, span.checkboxlabel {margin-top:0;}
	.conditional .formfield {width:100%}
	.wrapper-form-footer {height:150px}
	
	/* start:: Let us find your super  */	
	div#tick_message {margin-bottom: 30px;}
	/* end:: Let us find your super  */
}

@media screen and (max-width: 992px) {
    input.error + .error-msg {
        display: block !important;
    }
}