/* -------------------------------------------------------------- 
   
   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
   
-------------------------------------------------------------- */

label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em 1.4em 0.4em 1.4em; margin: 0; border: 1px solid #DFDFDF; background-color: #F5F5F5; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
legend { text-transform: uppercase; font-weight: bold; font-size:1.6em; padding: 5px 10px 7px 10px; border: 1px solid #DFDFDF; background-color: #fff; color: #3093CA; }

/* Input fields */
input, textarea { padding: 5px; margin-bottom: 10px; margin-right: 5px; font-family: tahoma; }
select { padding: 3px; margin: 2px 0; font-family: tahoma; }
input.smallbox, textarea.smallbox { width: 105px; }
select.smallbox { width: 115px; }
input.mediumbox, textarea.mediumbox { width: 200px; }
select.mediumbox { width: 212px; }
input.largebox, textarea.largebox { width: 322px; }
select.largebox { width: 332px; }
input.extralargebox, textarea.extralargebox { width: 539px; }
select.extralargebox { width: 549px; }

.inputfield { border: 1px #DFDFDF solid; background: #FFF; color: #666666; }
.inputfield_focus { border: 1px #DFDFDF solid; background-color: #EEEFF7; color: #322254; outline: none; }
.inputfield_search { float: right; border: 1px #DFDFDF solid; background: #FFFFFF url("../../images/search.png") no-repeat scroll right center; color:#666666; padding: 5px 20px 5px 5px; }
.inputfield_search_focus { border: 1px solid #DFDFDF; background-color: #EEEFF7; outline: none; }

.details { font-weight: normal; font-size: 0.9em; color: #808080; }
.required { color: #a22; vertical-align: top; }

/* Definition lists */
dl { font-size: 0.8em; padding-top: 10px; }
dl dt { margin: 0px 15px 5px 0px; padding: 0px; font-weight: bold; }
dl dd { margin-bottom: 8px; }

/* Flash Notification */
#flash_notice { border: 1px solid #99CC99; background-color: #E2F9E3; color: #006600; padding: 5px; margin: 0px 20px 10px 20px; }
#flash_notice p { background: url("../../images/notification/notice.png") no-repeat left 5px; font-size: 1.1em; padding: 5px; }
#flash_error { border: 1px solid #a22; background-color: #fdd; color: #511; padding: 5px; margin: 0px 20px 10px 20px; }
#flash_error p { background: url("../../images/notification/error.gif") no-repeat left 5px; font-size: 1.1em; padding: 5px; }
#flash_notice .summary, #flash_error .summary { padding-left: 30px; padding-bottom: 0px; margin-bottom: 5px; }
#flash_error ul { margin: 0; padding: 0; margin-bottom: 5px; margin-left: 5px; }
#flash_error li { list-style: url("../../images/notification/error_bullet.gif"); padding: 0; line-height: 1.5em; }
.field-validation-error { color: #fed; }
.input-validation-error, input.error, textarea.error { border: 1px solid #a22; background-color: #fdd; }
label.error { padding: 0px; color: #a22; font-style: italic; font-weight: normal; }