/*-----------------------------------------------------------------------------
  The Maas Clinic: Forms
  Author: Mario Parris <mario@brightsquareinc.com>
  Updated: April.23.2009
  ------------------------------------------------------------------------------*/
  
  label {
    display: block;
    font-weight: bold;
  }
 
  
/* -------------------------------------------------------------- 
   (h)orizontal Form and (v)ertical Form
-------------------------------------------------------------- */

/* hFORM */
form.hform p { margin-bottom: 10px; }
form.hform p label { float: left; width: 100px; }
form.hform p input { width: 200px; }
form.hform p select { width: 200px; }
form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }
form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }

/* vFORM */
form.vform p { margin-bottom: 10px; }
form.vform p label { display: block; width: 300px; }
form.vform p.checkbox label { display: inline; }


form .error { background: #EEDDD9;  }

/* -------------------------------------------------------------- 
   Contact Form
-------------------------------------------------------------- */
#contact-form { overflow: auto; height: auto; width: auto;  margin-bottom: 10px; }
#contact-form form { overflow: auto; width: 306px; }
#contact-form form label { margin-bottom: 5px; padding: 0; }
#contact-form form p input, #contact-form p textarea { width: 300px; }
#contact-form form textarea { height: 100px; }
#contact-form form p.submit { text-align: right; }
#contact-form form p.submit input { width: 75px; display: inline; }

/* -------------------------------------------------------------- 
   Contact Form
-------------------------------------------------------------- */
#comment-form { overflow: auto; height: auto; width: auto; margin-bottom: 10px; }
#comment-form form {overflow: auto; width: 310px; }
#comment-form label { padding: 0; }
#comment-form input.text, #comment-form textarea { width: 300px; }
#comment-form #comment { min-height: 60px; }

/* -------------------------------------------------------------- 
   Shopping List Request
-------------------------------------------------------------- */
#shoppinglist-form form input.text,
#shoppinglist-form form select { width: 200px; }