/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

/* Form fields
-------------------------------------------------------------- */
th, td { padding: 4px; }

#logo,
#nav-top { min-width:770px; }

.base,
#first_name,
#last_name,
#address1_street1,
#address1_city,
#email1	{ width:120px;	}

.dig-2, 
#dob1_mm_on,
#dob1_dd_on,
#dob2_mm_on,
#dob2_dd_on,
#dob3_mm_on,
#dob3_dd_on,
#dob4_mm_on,
#dob4_dd_on,
#dob5_mm_on,
#dob5_dd_on,
#dob6_mm_on,
#dob6_dd_on,
#dob7_mm_on,
#dob7_dd_on { width:25px; }

.dig-3,
#phone1_area,
#phone1_exchange,
#phone2_area,
#phone2_exchange,
#insured1_weight,
#insured2_weight,
#insured3_weight,
#insured4_weight,
#insured5_weight,
#insured6_weight,
#insured7_weight { width:30px; }

.dig-4,
#dob1_yyyy_on,
#dob2_yyyy_on,
#dob3_yyyy_on,
#dob4_yyyy_on,
#dob5_yyyy_on,
#dob6_yyyy_on,
#dob7_yyyy_on,
#phone1_station,
#phone2_station	{ width:35px; }

.dig-5,
#address1_zip	{ width:40px; }

#qb-float #address1_zip{ border:1px solid #666;
									 			 width:116px;
												 height:25px;
												 position:relative;
												 top:-3px;
												 margin:0 10px 5px 0;
												 font-size:1.3em;
												 padding:0 2px;
												 text-align:center; }
									 
#qb-top #address1_zip{ border:1px solid #666;
									 			width:120px;
									 			height:20px;
									 			position:relative;
									 			top:-11px;
									 			margin:0 10px 5px 0; }
									 
#qb-float .zip-label { margin-left:-75px;}

input, 
label,
select		{ font:inherit;
						color:inherit; }

label       { font-weight: normal; }
fieldset    { padding:.5em 1.4em; 
							margin: 0 0 1.5em 0; 
							border: 1px solid #06c; }
							
legend      { font-weight: bold; 
							font-size:1.3em;
							padding:0 8px; }

input.submit { margin:10px 0 -10px 0; }

input.text, 
input.title,
textarea, 
select { border:1px solid #bbb; }

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 200px; height: 50px; padding:5px; }

#pre_existing_conditions_row td { padding: 1px; }
#insured1_current_medications_detail label{
	font-weight: bold;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      {  color: #8a1f11; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }