/* -------------------------------------------------------------- 
   
   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; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 2px solid #4b2b71; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
/*  margin:0.5em 0;*/
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


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

.error,
.notice, 
.success     
{
	padding: .4em; 
	margin: 0 .3em .3em .3em; 
	border: 1px solid;
}

.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,
.notice a, 
.success a     
{
	text-decoration: underline;
}

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.error,
.notice,
.success
{
    background-position: 5px .3em;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-right: .4em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.error
{
	background-image: url("../images/icons/exclamation.png");
}
.success
{
	background-image: url("../images/icons/tick.png");
}
.notice
{
	background-image: url("../images/icons/error.png");
}



/* Field Lists, A common pattern.  Set up the basic Framework:*/

.fieldList,
.fieldAlignedButton
{
	margin: .2em;
	clear: both;
}
.fieldList label
{
	float: left;
	display: block;
	width: 12em; /* overwrite this on a page by page basis */
	padding: 0 0.5em 0 0;
	text-align: right;
}
.fieldList input,
.fieldList select
{
	
}

.fieldBlock
{
	display: inline;
}
.fieldBlock label
{
	float: inherit;
	display: inherit;
	width: auto;
	text-align: inherit;
}

.fieldGroup
{
	margin: 0 0 2em 0;
}

.fieldAlignedButton
{
	margin-left: 12em;
	padding: 0 0 0 .5em;
}