/* -------------------------------------------------------------- 

   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
   * For inline forms, use .inline (even when using columns)
   
-------------------------------------------------------------- */

label {
	cursor: pointer;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0 0 1.5em 0;
	padding: 1em 1.4em .4em;
}

fieldset.chevron {
	padding-bottom: 0;
	padding-top: 0;
}


legend {
	color: #004C5A;
	font-weight: bold;
	font-size: 12pt;
	padding: 0 .5em;
	margin-bottom: 1em\9;
}

legend.title {
	color: #0227AF;
	font-size: 13.5pt;
}


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

input[type=text], input[type=password],
input.text, input.title, 
textarea, select {
  background-color: #fff;
  border: 1px groove #ccc;
  border-top-width: 2px;
  padding-bottom: 3px;
  padding-top: 3px;
}

select {
	padding: 2px !important;
}

input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus {
	border: 1px solid #fff;
	border-top-width: 2px;
	outline: 2px solid #66add0;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin: .3em 0 0 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title, select.title   { font-size: 14.5pt; }

textarea {
	font-family: Tahoma, Verdana, "Lucida Grande", "Helvetica Neue", Arial, Verdana, sans-serif;
	font-size: 9pt;
	padding: 5px;
	width: 378px;
}

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio {
	margin: 0;
	position: relative;
	top: .1em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


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

.flash_error,
.flash_notice,
.flash_success,
.flash_info {
	border: 1px solid #ddd;
	border-left: 0 none;
	border-right: 0 none;
	/*margin-bottom: 1em;*/
	padding: .4em .8em;
}

.flash_error img,
.flash_notice img,
.flash_success img,
.flash_info img {
	vertical-align: text-top;
}

.flash_error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.flash_notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.flash_success    { background: #E2F9E3; color: #006600; border-color: #99CC99; }
.flash_info	     { background: #EBF8FF; color: #01486E; border-color: #8EBCD5; }

.flash_error a    { color: #8a1f11; }
.flash_notice a   { color: #514721; }
.flash_success a  { color: #264409; }
.flash_info a     { color: #025987; }


form span.error, form span.success {
	background: transparent url('../images/cross-circle.png') no-repeat left center;
	border: 0 none;
	margin: 0 0 0 5px;
	padding: 0 0 0 1.8em;
	text-align: left;
}

form span.success {
	background-image: url('../images/tick-circle.png');
}


/**** Input Embed ****/

.embed-span {
	position: relative;
}

input.embed {
	position: absolute;
	right: 5px;
	top: 0;
	right /*\**/: 4px\9;
	top /*\**/: 0px\9;
	*top: 10px;
	*right: 7px;
	_right: 3px;
	_top: 4px;
}




/* Alinhamentos */

form p label {
	display: inline-block;
	margin-right: 2px;
	margin-top: 7px;
	text-align: right;
	vertical-align: top;
}

form p label.asup {
	clear: both;
	margin-top: 0;
	width: auto;
}