/**
 * Form Base - Styles
 * @author    Christoph Zeferer
 * @copyright 2012, Netzmühle Internetagentur GmbH
 * @since     13.09.2012
 */

form input,
form select,
form textarea {
  width: 100%;
  margin: 2px 0 2px 0;
  padding: 5px;
  border: 1px #ccc solid;
  font-family: Arial, Helvetica, sans-serif;
  /* Gives all Inputs / Selects / Textareas the same Size */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
form input[type=checkbox] {
  position: relative;
  top: 2px;
  width: auto;
  margin-right: 2px;
}
form textarea {
  resize: vertical; 
}

/**
 * Form.Placeholder
 */
::-webkit-input-placeholder {
  color: #000;
}
:-moz-placeholder {
  color: #000;
}
:-ms-input-placeholder {
  color: #000;
}

/**
 * Form.Placeholder (only used for IE)
 */
form .placeholder {
  color: #000;  
}

/**
 * Form.HideLabel
 */
form .ui-hide-label label {
  display: none;
}

/**
 * Form.Captcha
 */
form .captcha {
  margin: 0;
}
form .captcha img {
  margin: 2px 0;
  border: solid 1px #ccc;
}

/**
 * Form.Fieldset
 */
form fieldset legend {
  font-size: 13px;
  font-weight: bold;
}

/**
 * Form.Hover / Focus / Active
 */
form input:active,
form input:focus,
form input:hover,
form select:active,
form select:focus,
form select:hover,
form textarea:active,
form textarea:focus,
form textarea:hover,
form .ui-input-search:active,
form .ui-input-search:focus,
form .ui-input-search:hover,
form .ui-select div:active,
form .ui-select div:focus,
form .ui-select div:hover {
  border: 1px #a66 solid !important;
  background: #fff;
}
form .ui-input-search input:active,
form .ui-input-search input:focus,
form .ui-input-search input:hover {
  border: none !important;
  background: none !important;
}
/* hides the border on the buttons */
form input.ui-btn-hidden,
form .ui-input-datebox input {
  border: 0 !important;
}

/**
 * Form.Errors
 */
form .error input,
form .error select,
form .error textarea,
form .error .ui-select div {
  border: dashed 1px #a00;
  background: #faf4f4;
  color: #800;
}
form .error input[type=checkbox] {
	margin-left: 1px;
  outline: dashed 1px #a00;
}

form .error label {
  color: #000;
  font-weight: bold;
}
form .error ::-webkit-input-placeholder {
  color: #800;
}
form .error .message {
  color: #800;
  font-weight: bold;
  font-size: 10px;
}