/*************************************/
/********* STATIONARY RULES **********/
/*************************************/
.form {font-size: 90%; width: 340px;}
.form form {margin: 0; text-align: left; padding: 0px;}
.form form fieldset {margin: 0 0 0.5em; padding: 0.5em 0.125em; line-height: 1.5em;}
.form form fieldset br {display: none;}
.form form fieldset legend {margin: 0 0.5em;}
* html .form form fieldset legend {margin-left: 0;}
*+html .form form fieldset legend {margin-left: 0;}
.form form p {margin: 12px 0;}
.form form p br {display: inline !important;}

/*************************************/
/*********** MOBILE RULES ************/
/*************************************/
.form #form-id {text-align: center;}
.form #form-id .form {margin-left: auto; margin-right: auto;}

/* form background color can be changed here */
.form form, form .fieldset {}

/* form fieldset border can be changed here */
.form form fieldset {border: 0px solid #F00;}
.form form fieldset br {display: inline !important;}

/* label text color can be changed here */
.form form fieldset label {color: #999; font-weight: bold;}

/* form fieldset legend styles can be changed here */
.form form fieldset legend {background: #FFF; font-weight: bold; font-size: 110%; border: 3px solid #fff;}
.form form fieldset input.text-input {border: 1px solid #CCC; font-size: 130%;}
.form form fieldset select.select-input {}
.form form fieldset textarea {height: 185px;}

/*************************************/
/***********  EXTRA RULES  ***********/
/*************************************/
.form form p.submit-reset-buttons {overflow: hidden; width: 68%; margin: 0 auto;}
.form form p.submit-reset-buttons input {border: 1px solid; border-color: #CCC #EEE #EEE #CCC;
	color: #000; background-color: #FFF;}
.form form p.submit-reset-buttons input:active {background-color: #EEE; color: #111;}
.form form p.submit-reset-buttons input.submit-button {display: inline; float: left; width: 34%;}
.form form p.submit-reset-buttons input.reset-button {display: inline; float: right; width: 34%;}

.form form .table {overflow: hidden; width: 100%;}

.form form .table {smargin-left: -4px; border: none;}
* html .form form .table {smargin-left: -2px;} /* "form .table" width + 2px */
*+html .form form .table {smargin-left: -6px;} /* "form .table" width - 2px */

.form form .column {display: inline; float: left;}

.form form .column {margin-left: 5px;}
* html .form form .column {margin-left: 2px;}
*+html .form form .column {margin-left: 6px;}
.form form .column input.text-input {width: 100%;}
.form form .column select.select-input {width: 100%;}


/* Here are where the corresponding widths are set */
.form .first-name, .form .business-name, .form .email-address, .form .title,
	.form .square-footage, .form .floor-level, .form .date, .form .month {width: 140px;}
.form .last-name, .form .business-website, .form .telephone-number,
	.form .email-address-alternate, .form .organization, .form .contact,
	.form .owner-name, .form .square-footage-v2, .form .parking, .form .time,
	.form .year {width: 155px;}

.form .city {width: 100px;}
.form .membership-amount {width: 56px;}
.form .appeal-amount {width: 61px;}
.form .membership-level {width: 240px;}
.form .appeal-level {width: 235px;}
.form .state {width: 124px;}
.form .zip-code {width: 66px;}

.form .committee {width: 170px;}
.form .hours {width: 125px;}

.form .floor-level-v2 {width: 100px;}
.form .bathrooms-amount, .bedrooms-amount {width: 95px;}


.form .half-length {width: 145px;}
.form .full-length {width: 300px;}
.form .short-checkbox, .form .short-radio {width: 95px;}
.form .medium-checkbox, .form .medium-radio {width: 148px;}
.form .long-checkbox, .form .long-radio {width: 300px;}