#form {width:320px; 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}
#form *              {font:inherit}
#form div              {margin:0.5em 0}
#form fieldset       {border:1px solid #657; padding:0.5em 1em; margin:2em 10px;
color:#362E67}
#form legend         {color: #362E67; font-weight:bold; padding:2px; background-color: transparent;
                      border:0px solid #362E67;}
#form p              {margin-bottom:0.8em}
#form label          {font-weight:normal}
#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 #ccc; color:#324; background:#bbd; 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:#f0f0f0; padding:5px; color:#362E67 /*#060*/;
text-align:left; border: 1px solid #B4B4B4;}
#form div.help h4  {font-size:small; margin:0 0 0.5em 0}
#form div.help p   {margin:0}

#form span.help    {color:#362E67; border: 1px solid #B4B4B4; font-size:small; background:#f0f0f0; padding:2px}
#form span.help  a {color:#362E67; font-weight: 900;}
/* end help link example */