/* -------------------------------------------------------------- 
   
   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
   
-------------------------------------------------------------- */


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


.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    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

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

input.text,
textarea,
select,
button
{
  padding: 0.25em;
  border: 1px solid #CCC;
  font-size: 1.1em;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
}

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

label
{
	display: block;
	padding-bottom: 0.5em;
}
label.mand
{
	font-weight: bold;
}
label.text
{
	width: 7.64em;
	clear: left;
	float: left;
}
input.text
{
	position: relative;
	display: block;
	top: -0.25em;
	width: 19em;
	margin-left: 7em;
}
input#rif
{
	margin-left: auto;
}

textarea 
{
	height: 9em;
	width: 26em;
	overflow:auto;
}

input.error,
textarea.error
{
	border: 1px solid #444;
	background-color: #FDEBAC;
}

/* CSS */
button.submit
{
  color: #444;
  background: #CCC;
	width: 26.6em;
  font-weight: bold;
  border: 1px outset #FFF;
}

button.submit:hover
{
  color: #000;
  background: #B8DA7A;
}