/* -------------------------------------------------------------- 
   
   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; }
fieldset.singleField { padding: 0.5em; }
fieldset.smallForm { padding: 0.5em; }
legend      { font-weight: bold; font-size:1.2em; }
label.inline { width: 300px; margin-right: 0.5em; float:left; line-height: 1.5em; }
label.inline.short { width: 150px; }

.shortRow label { width: 100px; float:left; margin-right: 10px; }

/* block formatting 
--------------------------------------------------------------*/
fieldset div {
    clear:both;
    margin: 0 0 7px 0;
    padding: 4px;
    background: #fefee6;
}

fieldset.smallForm div { margin-bottom: 4px padding: 2px; }

fieldset div.noBG {
    background: transparent;
}

fieldset div.subtleAttn {
    background: #fafbbd;
}

fieldset div.attn {
    background: #fee2dd;
}

/* Form fields
-------------------------------------------------------------- */

input.text, input.title, input.button
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
  font:12px Verdana, Helvetica, Arial, sans-serif;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 390px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 150px; padding:5px; overflow: auto; }

input.shortField { width: 150px; }
textarea.shortField { width: 150px; height: 90px;}
input.button { display: block; width:150px;	height:30px; margin: 0 auto; }

fieldset div.cr {
    background: #fefee6;
    /*fdfad9*/
    margin: 4px 0;
}

fieldset div.cr label {
	text-align: left;
	width: 390px;
	float: none;
	clear:left;
	font-weight: normal;
	margin-left: 0;
	padding-left: 0;
	overflow: auto;
}

fieldset div.cr label label {
    clear: none;
}

fieldset div.cr input {
    float: left;
    margin-right: 15px;
    margin-left: 0;
}



/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.notice2, 
.success    { padding: .8em; margin: 1em 1.4em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #fdfad9; }
.notice2    { background: #f7fef8; color: #64a890; border-color: #c5d6d0; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.inline     { width: 390px; float:right; display: inline; margin: 8px; }
.error.noMargin,
.notice.noMargin   { margin:0; }
.error.noLRPad,
.notice.noLRPad,   { padding: .8em 0; }
.error.solo,
.notice.solo {display: block; }
