@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*  -------------------------------------------------------------
 
  QUADRO
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Description:Forms cascading style sheet
  Nom:forms.css
  Version:1.0
  Date:October 15th, 2009
 
  This file is part of a site template for sale at ThemeForest.net.
  See: http://themeforest.net/user/simonbouchard/portfolio
  Copyright ©2009 Simon Bouchard <info@simonbouchard.com>
 
------------------------------------------------------------- */

/*  -------------------------------------------------------------
  STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media screen, projection {

form { 
  padding:7px 0 0 0; }

form li {
  margin:0;
  padding:0;
  list-style-type: none; 
  position:relative; }

form label {
  position: absolute;
  top:4px;
  left:0px; 
  margin-bottom:10px;
  font-size:11px;
  color:#666; 
  float: left; 
  width: 500px; 
  padding: 0 0 0 0; 
  font-weight: bold; 
  display:block; }

form input, form textarea, form select {
  color: #666;
  font-size:11px;
  margin: 4px 0 13px 0;
  outline: none;
  padding: 10px;  }

form input[type=submit], form input[type=text], form input[type=password], form select, form textarea {
 background: #f7f7f7;
 border: 1px solid #ccc;
}
  
form input:hover, form textarea:hover { border: 1px solid #b5b4b4; }

form input:focus, form textarea:focus {
  border: 1px solid #b5b4b4;
  color: #666; }

form input.submit {
  background: #323231;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  border: none;
  cursor: pointer;
  display: block;
  font-size: 11px;
  font-weight:bold;
  height: 33px;
  margin: 0;
  outline: none;
  text-transform: uppercase;
  padding: 2px 10px 4px 10px;
  width: auto;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px; }

form input.submit:hover {
  cursor:pointer; }

form input.submit:hover {
  background: #666666;
  text-shadow: 0 1px 0 #323231; }
    
form input.error { border: 1px solid #cc0000; }

/* Error Handling */
form .errorbox h2 { 
  margin:4; 
  font-size: 1.2em;
  font-weight:bold; 
  color:#bb252c; }
  
form .errorbox { 
  margin:0; 
  font-weight:bold; 
  color:#bb252c; }

form li.alert label { 
  color:#bb252c; }


/*  -------------------------------------------------------------
  CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

}