/*************************************/

/********* STATIONARY RULES **********/

/*************************************/

.form {font-family: Verdana, Sans-Serif; font-size: 76%; }

form {margin: 0; text-align: left; padding: 10px; width: 530px;}

form fieldset {margin: 0 0 1em; padding: 0.5em; line-height: 1.5em;}

form fieldset br {display: none;}

form fieldset legend {margin-bottom: 5px; padding: 3px;}

form p {margin: 0 0 0;}

form p br {display: inline !important;}



/*************************************/

/*********** MOBILE RULES ************/

/*************************************/

#errors {padding: 5px 0 15px 0; font-size: 140%; color: #F00;}

#errors span {color: #000;}



#insurance {text-align: center;}

#insurance .form {margin-left: auto; margin-right: auto;}



/* form background color can be changed here */

form {background: #DAE1F1;}



/* form fieldset border can be changed here */

form fieldset {border: 1px solid #FFF;}

form fieldset br {display: inline !important;}



/* label text color can be changed here */

form fieldset label {color: #194172; font-family: Verdana; font-size: 70%;}



/* form fieldset legend styles can be changed here */

form fieldset legend {background: #CF981D; font: normal 90% Verdana; padding: 4px; border: 1px solid #C90;}

form fieldset input.text-input {border: 1px solid #CCC;}

form fieldset textarea {height: 185px;} /* I'm thinking of reducing height to, say, 125px */



/*************************************/

/***********  EXTRA RULES  ***********/

/*************************************/

form p.submit-reset-buttons {overflow: hidden; width: 68%; margin: 0 auto;}

form p.submit-reset-buttons input {border: 1px solid; border-color: #CCC #EEE #EEE #CCC;

	color: #000; background-color: #FFF;}

form p.submit-reset-buttons input:active {background-color: #EEE; color: #111;}

form p.submit-reset-buttons input.submit-button {display: inline; float: right; width: 34%;}

form p.submit-reset-buttons input.reset-button {display: inline; float: left; width: 34%;}



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



form ol li {margin-left: -10px;}

form ol li .table {}

form ol li .full-length {width: 460px;}

form .group {padding-bottom: 15px;}

form .group ul {margin: 0 0 0 20px; padding: 0;}

form .group li {font-family: Verdana; font-size: 70%; line-height: 1.3em;}



form .table {margin-left: -4px;}

* html form .table {margin-left: -2px;} /* "form .table" width + 2px */

*+html form .table {margin-left: -6px;} /* "form .table" width - 2px */



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



form .column {margin-left: 5px;}

* html form .column {margin-left: 2px;}

*+html form .column {margin-left: 6px;}

form .column input.text-input {width: 100%;}

form .column select.select-input {width: 100%;}





/* Here are where the corresponding widths are set */

.left-long {width: 333px;}

.right-short {width: 154px;}



.city-short {width: 97px;}

.state {width: 131px;}

.zip-code {width: 100px;}



.radio-checkbox-tiny {width: 65px;}

.radio-checkbox-semi-short {width: 95px;}

.radio-checkbox-short {width: 125px;}

.radio-checkbox-medium {width: 150px;}

.radio-checkbox-semi-long {width: 180px;}

.radio-checkbox-long {width: 220px;}



.full-length {width: 500px;}

/* Here are where the corresponding widths are set */