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

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: normal; }
fieldset    { 
      padding:10px;
      margin: 0 0 1.5em 0;
      margin-left:10px;
      padding-left:25px;
      width:365px;
      border: 1px solid #ccc;
      border:none;
}
legend      { font-weight: normal; font-size:1.2em; }


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

input:hover, textarea:hover, input.text:hover, textarea.error:hover{
      background-color:#f0fffb;
      border-color: #111;
}

input, input.text, input.title,
textarea, textarea.error, select {
      margin:0.5em 0;
      border:1px solid #bbb;
      background:#f5fffc;
      padding:5px;
}

input.text {margin-bottom:20px;}

input:focus, input.text:focus, input.title:focus,
textarea:focus, textarea.error:focus, select:focus {
      border:1px solid #666;
      background-color:#fafffe;
}


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

#content textarea, #content textarea.error{
      width:550px;
      margin-left:35px;
}

#content input {margin-left:25px;}

#content .required {color:red;}

input {
      color:#111;
}

input.button {
      padding: 5px;
      margin: 30px;
      margin-top: 50px;
      color:#111;
      cursor:pointer;
      width: 200px;
}

.fieldExample{
      margin-top:-30px;
      margin-left: 30px;
      margin-bottom:20px;
      width:500px;
}


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

.error,
.notice, 
.success    { padding: 15px; margin-bottom: 1em; border: 2px solid #ddd; }

.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; }

input.text.error, textarea.error, textarea.error:focus, textarea.error:hover {
      border-color:red;
      color:inherit;
}

.fieldWithErrors input, .fieldWithErrors textarea{
      border-color:red;
}


#flash #closeButton a{
      float:right;
      margin-top:-12px;
      margin-right:-12px;
      padding:8px;
      line-height:10px;
      width:10px;
      text-align: center;
      background-color:silver;
      color:black;
      border: 1px solid black;
}

#flash #closeButton a:hover{
      background-color:gray;
      color:white;
}

#flash{
      position:relative;
      top:-10px;
      left:-9px;
      width:949px;
}