/* --------------------------------------------------------------
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
   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 p.bold-txt				{ font-weight: bold; }

label 						{ font-weight: bold; }


/* Fieldsets */
fieldset    				{ padding: 0 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #4e6b7c; }
legend      				{ font-weight: bold; font-size:1.5em; padding: 10px; background: #4e6b7c; color: #FFF; }
legend.hide					{ display: none; visibility: hidden; }
p.hide						{ display: none; visibility: hidden; } /* Used for spam text field */

/* Text fields */
input.text, input.title		{ width: 150px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title		{ border:1px solid #4e6b7c; background:#CCC; padding:5px; }
input.text:focus,
input.title:focus			{ border:1px solid #CCC; background:#FFF; }
input.title					{ font-size:1.5em; }

/* Different size fields */
input.long					{ width: 500px; }
input.medium				{ width: 250px; }
input.small					{ width: 120px; }
input.extra-sm				{ width: 60px; }

/* Buttons */
input.frmButton				{ width: 100px; height: 25px; }

/* Textareas */
textarea            		{ width: 500px; height: 75px; margin:0.5em 0.5em 0.5em 0; }
textarea            		{ border:1px solid #4e6b7c; background:#CCC; padding:5px; }
textarea:focus      		{ border:1px solid #CCC; background:#fff; }

/* Select fields */
select						{ padding: 4px; margin:0.5em 0.5em 0.5em 0; border:1px solid #4e6b7c; background:#CCC; }
select.long              	{ width:500px; }
select.medium              	{ width:200px; }
select.small              	{ width:120px; }
select.extra-sm            	{ width:50px; }
select:focus        		{ border:1px solid #CCC; background:#fff; }

select.one-day-option		{ width: 100px; }

/* Buttons */
p.buttons					{ width: 100%; text-align: right; }
#showHide a:link			{ width: 180px; padding: 3px; line-height: 20px; background: #CCC; display: block; border: 2px #4e6b7c solid; color: #4e6b7c; }
#showHide a:hover			{ text-decoration: none; background: #4e6b7c; color: #FFF; }


/* Success, error & notice boxes for messages and errors. */
#errorBox 					{ margin: 0; padding: 0; border: 3px dashed #990000;}
ul#errorBox li				{ margin-left: 20px; padding: 3px; color: #FFF; font-size: 16px; }

.error      				{ color: #990000; font-weight: bold; }
.notice     				{ background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    				{ background: #E6EFC2; color: #529214; border-color: #C6D880; }