/*
** CitiZing Form.
*/

/* basic definitions */
dl.form { margin: 0; padding: 0; }
dl.form dt { font-weight: bold; color: #333333; font-size: 0.8em; font-variant: small-caps; clear: left; }
dl.form dd { padding: 0 0 20px 0; margin: 0; overflow: hidden; }

/* descriptive text under inputs */
dl.form dd .description { font-size: 0.8em; font-style: italic; color: #777777; line-height: 1em; margin-top: 2px; } 

/* text inputs */
input.tiny { width: 40px; }
input.small { width: 100px; }
input.medium { width: 150px; }
input.big { width: 300px; }
input.date { width: 100px; }
input.dp-applied { width: 80px; }

/* drop down select boxes */
select.medium { width: 150px; }

/* submit buttons */
dl.form .input-submit { font-size: 1em; }

/* text areas */
.textarea-medium { width: 450px; height: 150px; }


/* ---------- */
/* OLD STYLES (phasing out -- do not use in new code) */
textarea.small { width: 300px; height: 80px; }
textarea.small_short { width: 300px; height: 40px; }
textarea.big { width: 450px; height: 200px; }
textarea.big_short { width: 450px; height: 80px; }
textarea.huge { width: 450px; height: 400px; }
.form_section { padding-left: 170px; background: center left no-repeat; }
.form_section h2 { font-size: 1px; text-indent: -2000px; margin: 0; padding: 0; }
.form_section_last { margin-bottom: 40px; }
.divider { margin: 35px 0; border-top: 1px dotted #777777; height: 1px; clear: both; }
.button_left { margin: 5px 0 0; text-align: left; }
.button_center { margin: 5px 0 0; text-align: center; }
.button_tiny, .button_small, .button_big { background: #EEEEEE; border: 1px solid; border-color: #85BA8A #547557 #49664C #85BA8A; color: #203D0F; }
.button_tiny { padding: 2px 3px; font-size: 0.9em; }
.button_small { padding: 2px 5px; font-size: 1em; }
.button_big { padding: 4px; font-size: 1.1em; }