/**
 * Project style sheet.
 *
 * @package    vanilla
 * @subpackage css
 * @author     Loops <evrard at h2a dot lu>
 * @version    SVN: $Id: styles.css 38 2014-08-22 15:38:29Z loops $
 */


/*** MESSAGES ------------------ ***/

.msgerror { color: #e2101a; font-weight:500; }
.msgsuccess { color: #000; font-weight:500;}



/*** ELEMENTS ------------------ ***/

/* default */
select, textarea, input {border-width: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow:0 2px 0px -1px rgba(226,16,26,1);}
/* hover */
select:hover, textarea:hover, input:hover {box-shadow:0 2px 0px -1px rgba(226,16,26,1);}
/* focus, active */
select:focus, textarea:focus, input:focus,
select:active, textarea:active, input:active {box-shadow:0 3px 0px -1px rgba(226,16,26,1);}
/* error (by default #c22b2b) */
.\:error select, .\:error textarea, .\:error input {box-shadow:0 3px 0px -1px rgba(226,16,26,1); color:#000; }
/* invalid/required - for now, only on mozilla */
select:-moz-ui-invalid, textarea:-moz-ui-invalid, input:-moz-ui-invalid { box-shadow:0 2px 0px -1px rgba(226,16,26,1); color: #e2101a; }

/** padding **/
/* try to harmonize with select */
textarea, input { padding: 5px 0; color:#000; font-weight:500;}
textarea{min-height:200px;}
select { padding: 5px 0 9px; cursor:pointer; font-weight:500; color:#000; white-space:normal; line-height:1.467;}
  option { padding: 10px 0; cursor:pointer; font-weight:500; color:#000;}
  option[disabled="disabled"] {font-weight:400; color:#000;}

/*** PLACEHOLDER --------------- ***/
/* each variation needs to be separated */

/* normal */
::placeholder {color:#393939; font-weight:400;}
::-webkit-input-placeholder {color:#393939; font-weight:400;}
:-moz-placeholder {color:#393939; font-weight:400;}
::-moz-placeholder { opacity: 1; color:#393939; font-weight:400;} /* FF 19+ had an opacity to the placeholder */
:-ms-input-placeholder {color:#393939; font-weight:400;}
.\:placeholder {color:#393939; font-weight:400;} /* @see jquery.placeholder.js */

/* focus, active */
:focus::placeholder, :active::placeholder {color:#000; font-weight:400;}
:focus::-webkit-input-placeholder, :active::-webkit-input-placeholder {color:#000; font-weight:400;}
:focus:-moz-placeholder, :active:-moz-placeholder {color:#000; font-weight:400;}
:focus::-moz-placeholder, :active::-moz-placeholder {color:#000; font-weight:400;}
:focus:-ms-input-placeholder, :active:-ms-input-placeholder {color:#000; font-weight:400;}
.\:placeholder:focus, .\:placeholder:active {color:#000; font-weight:400;} /* @see jquery.placeholder.js */
/* error (by default #c22b2b) */
.\:error ::placeholder { color: #000; font-weight:500; }
.\:error ::-webkit-input-placeholder { color: #000; font-weight:500; }
.\:error :-moz-placeholder { color: #000; font-weight:500; }
.\:error ::-moz-placeholder { color: #000; font-weight:500; }
.\:error :-ms-input-placeholder { color: #000; font-weight:500; }
.\:error .\:placeholder { color: #000; font-weight:500; } /* @see jquery.placeholder.js */
/* invalid/required - for now, only on mozilla */
:-moz-ui-invalid::placeholder, :-moz-ui-invalid::placeholder { color: #000; font-weight:500; }
:-moz-ui-invalid:-moz-placeholder, :-moz-ui-invalid:-moz-placeholder { color: #000; font-weight:500; }
:-moz-ui-invalid::-moz-placeholder, :-moz-ui-invalid::-moz-placeholder { color: #000; font-weight:500; }



/*** LABELS -------------------- ***/

/*label {}*/
/* on error */
/*.\:error label { color: #c22b2b; }*/


/*** DISPLAY ------------------- ***/

/** row **/
.formrow {width:100%; margin:30px 0;}
  .formrow_half{display:inline-block; width:50%; box-sizing:border-box; vertical-align:top;}
  .formrow_half:first-child{padding-right:20px;}
  .formrow_half:last-child{padding-left:20px;}

  /* errors */
  .formerror { color: #e2101a; font-weight:500; margin-top:10px;}

/** submit **/
.formrow_submit {}
  .form_submit{text-align:left; background:transparent;}