/* ----------------------------------------- 
   =FORMS
   ----------------------------------------- */

/* basic */
fieldset        { margin: 1.5em 0 0 0; padding: 0; }
legend          { margin: 0 0 0 0.5em; color: #000; font-weight: bold; font-size: 1.1em;} 
input.text      { width: 280px; border: 1px solid #aaa; margin: 0; padding: 3px;}
input.submit    { margin: 0; font-size: 1em }
textarea        { width: 277px; height: 7em; border: 1px solid #aaa; padding: 5px;}
fieldset        { float: left; clear: both; width: 100%; margin: 0 0 1.5em 0; padding: 0; border: 1px solid #f5f5f5; }
fieldset ol     { padding: 0.5em 1em 0 0; list-style: none; } 
fieldset li     { position: relative; margin: 0.4em 0 0.4em 0; } 

fieldset.submit { border-style: none; }

#content fieldset img { margin: 0; padding: 0; }

/* sub groups */
fieldset fieldset        { margin-bottom: -2.5em; border-style: none; background-color: transparent; background-image: none; }
fieldset fieldset legend { margin-left: 0; font-weight: normal; }
fieldset fieldset ol     { position: relative; top: -1.5em; margin: 0 0 0 8em; padding: 0; }
fieldset fieldset label  { float: none; width: auto; margin-right: auto; }

/* to position the label left of the input box */
fieldset         { float: left; clear: left; width: 100%; margin: 1.5em 0 1.5em 0; padding: 0; }
fieldset.submit  { float: none; width: auto; border: 0 none #FFF; padding-left: 12em; margin-bottom: 40px; }
fieldset li      { float: left; clear: left; width: 100%; padding-bottom: 0.5em; }
fieldset .box li { float: left; clear: left; width: 100%; padding: 0 }


label           { float: left; width: 7em; margin:0; padding: 0; font-size: 1.0em;}

/* to right align lables */
label { text-align: left; } 

/* req - image */ 
label     { position: relative; float: left; width: 10em; margin: 0 20px 0 10px } 
label em  { position: absolute; left: 10em; top: 2px; }
label.checkbox { float: none; margin: 0 0 0 5px; padding: none; }

/* error */
label.error { font-size: 0.9em; position: absolute; float: none; top: -3px; left: 460px; text-align: left; width: 100px; color: #900; margin-left: 10px; border: none; background: none;}
input.error { border: 1px solid #900;}
textarea.error { border: 1px solid #900; padding: 5px; }

/* placeholder for longer error messages */
#error-placeholder       { background: #fdd; }
#error-placeholder p     { border: 0; padding: 10px 0 10px 15px; margin: 0; }
#error-placeholder ol    { border: 0; padding: 0 0 10px 1em; margin: 0 0 1em 0; }
#error-placeholder ol li { border: 0; padding: 0; margin: 0.3em 0 0.3em 1.8em;}