/*
  **  Stylesheet Formatierungen für ###DOMAIN### - Form styles
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi IT GmbH
  **  @author     tommy(at)profi(dot)it
  **  @since      16.11.2007 09:03:25
  */


	/* form elements */
	form fieldset {
		border: none;
	}

  form fieldset.privacy p {
    margin: 1em 0;
  }
  
  form fieldset.privacy p a {
    color: #ac8748;
  }

	form legend {
		font-weight: bold;
		padding: 0;
		margin: 0;
	}

	form label {
		cursor: pointer;
	}

	form input,
	form select,
	form textarea {
		font: 80% Arial, Helvetica, sans-serif;
	}

	form input[type=text],
	form select,
	form textarea {
	}

	form input[type=text],
	form textarea {
		border: 1px solid #f1b31d;
	}

	/* contact/request form */
	p.form-error, 
	form.complex p.form-error {
		color: #c00;
		background: url('../img/common/error.png') 2% center no-repeat;
		/*border: 1px solid #c00;*/
		padding: 2% 2% 2% 7%;
		font-weight: bold;
	}

  p.form-success,
  form.complex p.form-success {
    color: #228b22;
    background: url('../img/common/success.png') 2% center no-repeat;
    padding: 2% 2% 2% 7%;
    font-weight: bold;
  }

	form.complex ol,
	form.complex ul {
		list-style-type: none;
	}

	form.complex ol li,
	form.complex ul li {
		line-height: 100%;
	}

	form.complex fieldset ol li {
		margin: 0;
		margin: 2% 0;
		/* as same as normal bodytext */
		color: #ac8748;
	}

  form.complex p {
    color: #ac8748;
    line-height: 1.5em;
  }

	form.complex fieldset ol li.required label:before {
		content: "* ";
	}

	form.complex fieldset ol li.required label {
		font-weight: bold;
	}

	form.complex fieldset ol li label {
		display: inline;
		float: left;
		width: 25%;
		margin: 0;
		line-height: 100%;
	}

	form.complex fieldset ol li fieldset {
		margin-left: 25%;
	}

	form.complex fieldset ol li fieldset ol li label {
		float: none;
	}

	form.complex fieldset ol li {
		clear: both;
		line-height: 100%;
	}

	form.complex input[type=text],
	form.complex textarea {
		width: 60%;
		margin-right: 2%;
	}

	form.complex input[type=text].no-width-change {
		width: auto;
	}

  form input.date-select {
    border: none;
    background: transparent url('../img/common/calendar_icon.png') no-repeat center center;
    padding: 0em;
    margin: 0em;
  }

  ul.form_actions {
    text-align: center;
    margin-bottom: 20px;    
  }

  ul.form_actions li {
    display: inline;
    padding: 0em 0em 0em 0.5em;
  }
  
  ul.form-actions li input.submit {
    margin-right:50px;
  }