/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.saz_col1_numbered_checkbox {
  float: left;
  width: 3.1em;
}
.saz_col2_numbered_checkbox {
  float: left;
  width: 86%;
}
.saz_col1_indented_numbered_checkbox {
  float: left;
  width: 4em;
  text-align: right;
}
.saz_col2_indented_numbered_checkbox {
  float: left;
  width: 65%;
}

/* Clear floats after the columns */
.saz_row {
  margin-bottom: 1em;
}
.radio-inline { display: inline !important;}

.saz_col2_indented_numbered_radio {
  float: left;
  width: 65%;
  margin-left: .5em;
  margin-top: -.15em;
}


/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 5px 0px 0px 0px;
}

/*  Radio/check box first  */
.span_1_radio {
	width: 20px;
}
.span_2_label_radio {
	margin-left: 6px;
}

.span_1_label { }
.span_2_input {
	margin-left: 6px;
	margin-right: 10px;
}
.span_2_input_480 {
	margin-left: 6px;
	margin-right: 10px;
 }
.span_1_label label {
	margin-top: 5px;
}
.span_1_label label.twolines {
	margin-top: 0px;
}
.span_2_input {
	margin-left: .6em;
}



/*  ITEMS  */
.span_1_margin_480,
.span_1_margin {
	width: 25px;
}
.span_2_label_480,
.span_2_label {

}
.span_2_radio {
	width: 25px;
}
.span_3_input_481,
.span_3_input_480,
.span_3_input {
	margin-left: 6px;
	margin-right: 10px;
}
.span_3_label {
	margin-left: 6px;
	width: 80%;
}

.col_fixed_left,
.col_fixed_left_narrow,
.col_fixed_left_wide,
.col_fixed_left_wide_280,
.col_fixed,
.col_fixed_narrow,
.col_fixed_wide,
.col_fixed_wide_280 {
	text-align: right;
	width: 160px;
}
.col_fixed_left_wide,
.col_fixed_wide {
	width: 250px;
}
.col_fixed_left_wide_280,
.col_fixed_wide_280 {
	width: 280px;
}
.col_fixed_left_narrow,
.col_fixed_narrow {
	width: 120px;
}
.col_fixed_left,
.col_fixed_left_narrow,
.col_fixed_left_wide,
.col_fixed_left_wide_280 {
	text-align: left;
}

.span_3of4_label,
.span_4of4_label {
	margin-left: 6px;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.indent {
}

form#email { width: 100% !important;}

/* for INPUT fields  */
.street_input,
.street_input_narrow,
.company_input {
	width: 260px;
}
.city_input {
	width: 170px;
}
.state_input {
	width: 2em;
}
.credit_card_input {
	width: 160px;
}
.exp_date_input,
.cvv_input {
	width: 40px;
}
.plate_input {
	width: 70px;
}
.vin_short_input {
	width: 3em;
}
.vin_input {
	width: 250px;
}
.cust_num_input {
	width: 8em;
}
.license_number_input {
	width: 7em;
}

.company_name_input {
	width: 210px;
}
.company_num_input {
	width: 8em;
}
.cust_first_name_input,
.cust_middle_name_input
 {
	width: 8em;
}
.cust_last_name_input
 {
	width: 12em;
}
.cust_full_name_input
 {
	width: 15em;
}
  input[type=email], 
  .email_input {
	width: 270px;
}
.phone_input {
	width: 110px;
}
.zip_input {
	width: 5em;
}
.ssn_input {
	width: 4em;
}
.ssn_full_input {
	width: 6em;
}
.dob_day_input,
.dob_month_input {
	width: 3em !important;
}
.dob_year_input {
	width: 4em !important;
}

.party_input,
.occupation_input {
	width: 15em;
}
/* doesn't need 9 characters wide because numbers are narrower than "m"  */
.zip9_input {
	width: 7em;
}

#idk_button {
	width: 20em;
	white-space: normal;
	word-wrap: break-word;
	margin-top: 0px;
}

@media screen and (max-width:770px)
{
	#col_idk_button { margin-left: 290px; 	}
}

@media screen and (max-width:670px)
{
	.long_input_field_670	 {
		clear: both;
		margin-left: 0px;
		width: auto !important;
		}
	.long_other_input_field_670	 {
		clear: both;
		margin-left: 30px !important;
		width: auto !important;
		}
	.long_blank_field_670	 {
		display: none;
		}
}


/* This is for the long input field to break it better  */
@media screen and (max-width:600px)
{
   #col_name_help { margin-left: 290px; }
	#col_idk_button { margin-left: 100px; 	}
}

/* This is for 480  */
@media screen and (max-width:560px)
{
	.span_1_margin_480{
		display: none;
	}
	.span_2_input_480 {
		clear: both;
		margin-left: 0px;
	}
	.span_2_label_480 {
		clear: both;
		margin-left: 25px;
	}
	.span_3_input_481 {
		clear: both;
		margin-left: 25px;
	}
	.col_fixed,
	.col_fixed_narrow,
	.col_fixed_wide {
		text-align: left;
	}
	.span_3of4_label	 {
		clear: both;
		margin-left: 0px;
		}
}

@media screen and (max-width:525px)
{
   .cust_last_name_input { width: 8em; }
}


/* This is for 320  */
@media screen and (max-width:445px)
{
	.section {
		margin-top: 8px;
	}
	.span_1_margin {
		display: none;
	}
	.span_2_label {
		clear: both;
	}
	.span_2_input {
		clear: both;
	}
	.span_2_label_480 {
		margin-left: 0px;
	}
	.span_3_input_480,
	.span_3_input {
		clear: both;
		margin-left: 0px;
	}
	.col {
		margin: 0px 0 0px 0px;
	}
	.indent {
		margin-left: 25px !important;
	}
	.span_3_label {
		width: 75%;
	}
	.col_fixed,
	.col_fixed_narrow,
	.col_fixed_wide,
	.col_fixed_wide_280 {
		text-align: left;
	}
	input[type=email], 
  	.street_input,
	.company_input,
	.email_input,
	.vin_input {
		width: 230px;
	}
	.street_input_narrow {
		width: 170px;
	}
	.col_fixed_left_wide,
	.col_fixed_wide,
	.col_fixed_left_wide_280,
	.col_fixed_wide_280 {
		width: 245px;
	}
	.span_4of4_label	 {
		clear: both;
		margin-left: 0px;
		}

}


/* This is all new stuff for MVD Now   */
.m-fieldset-compact {
	border: none;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	}


.m-field-table {
  display: table;
  width: 100%;
}


.display-data  {
  margin-bottom: 1.5em;
}
.display-data .m-field-table-row {
  display: table-row;
  padding-bottom: .3em;
}

.m-field-table-row,
.m-field-fixed-table-row {
  display: table-row;
  padding-bottom: 1em;
}

.m-field-table-cell,
.m-field-table-head,
.m-field-fixed-table-cell,
.m-field-fixed-table-head {
  display: table-cell;
  padding: 3px 0px;
  vertical-align: top;
  padding-bottom: inherit;
}
.m-field-table-cell.col-1,
.m-field-fixed-table-cell.col-1 {
  text-align: right;
  padding-right: 10px;
}
.m-field-table-cell.col-1-empty {
  padding-right: 10px;
}
.m-field-table-cell label,
.m-field-fixed-table-cell label {
  margin-top: 0px;
}
.m-field-fixed-table-cell label.short-label,
.m-field-table-cell label.short-label {
  margin-top: .7em;
}
.m-field-table-cell input[type="text"],
.m-field-fixed-table-cell input[type="text"] {
  display: inline;
}
.m-field-table-cell.col-2-extra-label {
  text-align: right;
  vertical-align: top
}
.m-field-table-cell.col-3-input {
  padding-left: 10px;
}
.m-field-table-cell.col-1.cell-radio,
.m-field-fixed-table-cell.col-1.cell-radio {
 padding-right: 0px;
}
.m-field-fixed-table-cell.col-1.cell-number-check {
  width: 4em;
  text-align: left;
}
.m-field-fixed-table-row.radio-button,
.m-field-table-cell.col-1.m-first-subtable {
  padding-bottom: .1em;
}

.m-col-fixed-long {
  width: 18em;
}
.m-col-fixed-short {
  width: 6em;
}

.m-field-table-cell.col-2-extra-fields.text-after-input {
  padding-top: .5em;
}
.m-field-table-cell.col-2-extra-fields.long-text-after-input {
  padding-top: 0px;
}
.m-field-table-cell.select-field {
  padding-top: .6em;
}
h1.m-data-table-header {
	font-size: 1.2em;
	font-weight: bold;
	}
.m-data-table-indent {
	padding-left: 3em;
	}
.m-data-table-narrow {
	width: 23em;
	}
.display-data,
.m-data-table,
.m-data-table-normal
 {
	width: auto !important;
	}
.m-data-table-fee {
	padding-left: 1em;
	}

input[type="email"] {

    border: 1px solid #dfdfdf;
        border-top-color: rgb(223, 223, 223);
        border-right-color: rgb(223, 223, 223);
        border-bottom-color: rgb(223, 223, 223);
        border-left-color: rgb(223, 223, 223);
    border-radius: 5px;
    display: block;
    font-size: 1.6rem;
    height: 31px;
    line-height: 1;
    padding: 5px 10px;
    margin-bottom: 5px;

}

/* this style is from main.css - it was strictly for input[type="text"] */
input[type="email"]:focus {

    box-shadow: none;
    background-color: rgba(2, 136, 209, 0.07);
    border-color: #0270AC;
    transition: all ease .5s;

}
input[type="email"] {

    font-size: 1.4rem;

}

.m-no-break {
	white-space:nowrap;
}

/* This is for less than 735  */
@media screen and (max-width:735px) {
	.col_fixed_wide_280 {
		width: 160px;
	}
}

/* This is for less than 560  */
@media screen and (max-width:560px) {
  .m-field-table-row {
    display: block;
  }
  .m-field-table-cell,
  .m-field-table-head {
    display: block;
  }
  .m-field-table-cell.col-1,
  .m-field-table-cell.col-1.col-label,
  .m-field-table-cell.col-2-extra-label {
    text-align: left !important;
  }
  .m-field-table-row {
    padding-bottom: 0.5em;
  }
  .m-field-table-cell.last-cell,
  .m-field-table-cell.col-2-extra-fields.text-after-input,
  .m-field-table-cell.select-field {
    padding-bottom: 1.5em;
  }
  .m-field-table-cell.col-1-empty {
    display: none;
  }
  .col-2-extra-fields {
    margin-left: 3em;
  }
  .m-col-fixed-long {
    width: auto;
  }
  .m-col-fixed-short {
    width: auto;
  }
}