/* 
 * form 
 */
 
  form                              { padding-top: 15px; *padding-top: 20px; clear: both; position: relative }
  form fieldset                     { position: relative; font-weight: bold; border-top: 1px solid #99bbe8; border-bottom: 1px solid #99bbe8; background: #f1f2f4 url("../images/bg-form-bgtop.gif") repeat-x left 1px; padding: 6px 20px 23px; margin-bottom: 22px; *padding: 18px 20px 22px }
  form legend                       { color: #336699; position: absolute; left: 17px; font-size: 12px; text-transform: uppercase; padding: 2px 10px; *margin-top:-25px; background: #fff } 
  form label                        { color: #444; font-weight: bold; float: left; padding-left: 13px; padding-top: 4px; width: 150px; margin-top: 10px; *margin-top: 13px; clear: both }
  form input                        { margin-top: 10px; width: 180px }
  form .last                        { margin-bottom: 20px }
  form select, form textarea        { margin-top: 10px; width: 184px; *width: 186px }
  form .long                        { float: none; width: auto; float: right; margin: 10px 0 0 0; padding: 0 }
  form .checkbox                    { position: relative; *top: -5px; margin-right: 10px; width: 20px; float: right }
  form .form-button                 { margin: 0; width: auto; padding: 3px 10px; *padding: 3px 0; float: right }
  form .nofloat						{ float: none }
  form .form-error                  { display: block; color: #ff0000; margin: 20px 0 0 165px }
  form .last .form-error            { position: static; display: block; float: none; margin: 12px 0 0 11px; *padding-top: 10px }
  form textarea                     { width: 360px }
  form p							{ padding: 20px 0 0 165px }
  
  .message                          { border-top: 1px solid; border-bottom: 1px solid; margin-bottom:20px; padding:9px 20px}
  .message p                        { font-weight: bold; font-size: 11px; padding-bottom: 0; text-align: center; }     
  .success                          { border-color: #339933; background: #CCFFCC }      
  .error                            { border-color: #CC0000; background: #FFCCCC }
  .requiredStrap                    { position: absolute; right: 0; top: 5px; font-size: 12px; font-weight: bold; color: #444 }
  
  .rate								{ width: 30px }
  .rate-type						{ width: 60px }
  .date								{ width: 80px; margin-right: 5px }
  .fix-date							{ margin-top:0 }
  .to								{ margin-left: 20px }    
  .form-note						{ font-size: 10px; font-weight: bold; padding: 10px; line-height: 18px }
  .icons    						{ float: left; width: 16px; height: 16px; padding-right:5px; background:no-repeat top left; background-image: url("../images/icon-set.png") }
  .shield							{ background-position: 0 -16px } 
  #agent #rail form label			{ width: 70px }
  #agent #rail form p				{ padding: 20px 0 0 70px }
  form#feedback textarea			{ height: 35px } 

  form #agents a					{ color: #444; font-weight: 400; line-height: 18px }
  form #agents label                { float:none; margin:0; padding:0 10px 0 5px; width:auto }
  form #agents input                { margin-top:3px; *margin-top:0; width:auto }    
  .agent							{ float: left; width: 50% }
  #agents .form-note				{ padding:0 }
  #agents .form-note a				{ color:#CC0000; text-decoration: underline }
  #agents .form-note a:hover		{ text-decoration: none }
  form #agents
  label.refer-myself a				{ font-weight:700 }
  input#inquiry_referal_onmarket	{ margin-top:15px; *margin-top:13px; width:auto }
  input#inquiry_referal_first		{ margin-top:22px; *margin-top:13px; width:auto }
  input#inquiry_referal_mortgage	{ margin-top:16px; *margin-top:13px; width:auto }
  input#inquiry_referal_dss			{ margin-top:15px; *margin-top:13px; width:auto }