/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

/* Form Table
-------------------------------------------------------------- */
fieldset{ border:1px solid #ddd; padding:10px 0px 0px 10px; width:610px; }
.form{}
.form td{ padding:5px; }
.odd{ background-color:#f3f7fd; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:18px 5px 18px 5px; }
.form .help td{ color:#666; font-size:0.9em; padding:0px 5px 0px 5px; }
.form .help a{ color:#00a; text-decoration:none; }
.form .help a:hover{ text-decoration:underline; }

/* Elements
-------------------------------------------------------------- */
.label{ color:#999; text-align:right; width:100px; }
.label label{ color:#000; font-weight:bold; }
.label em{ color:#c00; font-weight:bold; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
.field input.text, textarea{ border:1px solid #ddd; border-left:1px solid #999; border-top:1px solid #bbb; padding:3px; }
textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }

/* Inputs Sizes
-------------------------------------------------------------- */
.small{ width:57px; }
.medium{ width:227px; }
.large{ width:457px; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }