#form {width:350px; font:100% Verdana, arial, sans-serif;}

/* note that by using an id on each form that it is is individually controllable
 use a general class for consistency and refer via the id for unique properties */

#form                {margin:0 0 2em 0; text-align:right; padding: 5px;}
#form *              {font:inherit}
#form div              {margin:0.5em 0}
#form fieldset       {border:1px solid #E1DCE7; padding:0.5em 1em; margin:2em 10px; /*color:#657*/}
#form legend         {font-weight:bold; padding:0 0.5em; color: #657 }
#form p              {margin-bottom:0.8em}
#form label          {font-weight:bold}
#form input.text     {background:#FFF0D0; border:2px inset #ccc; width:220px; margin-left:1em; background:#dde; padding:2px 3px 2px 5px; vertical-align:middle}
#form input.radio    {border:2px solid #fff; margin-left:1.5em; vertical-align:middle}
#form input.checkbox    {border:2px solid #fff; margin-left:1.5em; vertical-align:middle}
#form textarea       {background:#FFF0D0; border:2px inset #ccc; width:220px; margin-left:1em; background:#fff; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle}
#form input.button   {border:2px outset black; color:white; background:#7B1E28; vertical-align:bottom; height:2em; width:120px}


/* help link example */
/* please note: that bg & txt colour of the help link should be associated with the bg & txt color of the help div */
#form div.help     {background:#7B1E26; padding:5px; color:#fff; text-align:left}
#form div.help h4  {font-size:small; margin:0 0 0.5em 0}
#form div.help p   {margin:0}
#form div.help a {color:#fff}

#form span.help    {font-size:small; color:#fff; background:#7B1E26; padding:2px}
#form span.help  a {color:#fff}
/* end help link example */