/*=====================================================================
 *
 * Filename: form.css
 * Website: www.domain.com
 * Author: Markus Baeck (Visualacting GmbH)
 * Date Created: 04/9/2008
 * Last Update: 04/9/2008
 * Media: Screen, Projection
 *
 * Description
 * -----------
 * forms website
 *
 *=====================================================================*/
@media screen, projection {
  form {
    display: inline;
  }
  form label {
    cursor: pointer;
  }
  fieldset {
    border: none;
  }
  input, select, textarea {
    font-size: 100%;
    font-family: inherit;
  }
  textarea {
    line-height: 1.25;
  }
  button {
   cursor: pointer;
  }

  /** checkboxes */
  .checkbox {
    margin: 0;
    padding: 0;
    width: auto !important;
    border: 0 !important
  }
  /** radio */
  .radio {
    margin: 0;
    padding: 0;
    width: auto !important;
    border: 0 !important
  }
  /** textarea */
  .textarea {
    width: 350px;
    height: 118px;
    background: transparent;
    padding-top: 2px
  }
  /** upload */
  .file {
    margin-bottom: .3em
  }

  /** form */
  .form input,
  .form select,
  .form textarea {
  	position: relative;
  	border: 1px solid #000;
  	height: 15px;
  	color: #000;
  	padding-left: 2px;
  	font-size: 1.1em
  }
  .form input {
  	width: 188px;
  	margin-bottom: .3em
  }
  .form select {
  	margin-bottom: .3em;
  	background: #fff;
  	color: #000;
  	height: auto;
  	font-size: 1.1em
  }
  select#salutation.wauto option {
  	background: #fff;
  	color: #000
  }
  .form textarea {
  	width: 350px;
  	height: 118px;
  	background: transparent;
  	padding-top: 2px;
  	background: #fff;
  	color: #000
  }
  .form label {
  	position: relative;
  	float: left;
  	width: 110px;
   	padding-top: .2em;
  }
  .form button,
  .form input.input {
   	margin-left: 110px;
  	border: 1px solid #000;
  	background: #fff;
  	margin-top: .3em;
  	height: auto
  }
  .form input.input {
   	width: auto;
  }
  .form br {
  	clear: both
  }
  .form em {
  	color: #78d200
  }
}