/**
 * Style sheet xForm
 * Copyright (C) 2005 Leo Feyer, licensed under LGPL
 */
 

/**
 * Fieldset
 */
 form {
	 width:400px;
 }
 
fieldset
{
	width:600px;
	display:block;
	margin:12px 0px 24px 0px;
	padding:12px 12px 0px 12px;
}

* html fieldset
{
	margin-top:12px;
}

*:first-child+html fieldset
{
	margin-top:12px;
}

legend
{
	color:#0000e6;
}

* html legend
{
	margin-top:-24px;
	padding:12px 0px;
}

*:first-child+html legend
{
	margin-top:-24px;
	padding:12px 0px;
}


/**
 * Text fields
 */
input.text,
input.password
{
	width:398px;
	height:25px;
	line-height:20px;
	border:#ccc 1px solid;
	margin:1px 0px 10px 0px;
	color:#696969;
}

input.captcha {
	width:50px;
	height:25px;
	margin:1px 0px 10px 0px;
	color:#696969;
	border:#ccc 1px solid;
}

* html input.text,
* html input.password
{
	margin:0px;
}


*:first-child+html input.text,
*:first-child+html input.password
{
	margin:0px;
}


/**
 * Textarea
 */
textarea
{
	width:398px;
	height:151px;
	margin-bottom:10px;
	color:#696969;
	border:#ccc 1px solid;
}

* html textarea
{
	width:300px;
}


/**
 * Drop-down menu
 */
select
{
	width:204px;
	margin:1px 0px 1px 0px;
}

* html select
{
	width:206px;
}


/**
 * Radio buttons
 */
div.radio_container
{
	margin:0px 0px 1px 0px;
}

* html div.radio_container
{
	margin:2px 0px -1px 0px;
}

*:first-child+html div.radio_container
{
	margin:2px 0px -1px 0px;
}

div.radio_container span
{
	padding-right:6px;
	display:block;
}

input.radio
{
	margin:1px 2px 0px 1px;
	padding:0px;
	position:relative;
	top:2px;
}

* html input.radio
{
	margin:-4px -1px 0px -3px;
	position:relative;
	top:1px;
}

*:first-child+html input.radio
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}


/**
 * Checkboxes
 */
div.checkbox_container
{
	margin:0px 0px 1px 0px;
}

* html div.checkbox_container
{
	margin:2px 0px -1px 0px;
}

*:first-child+html div.checkbox_container
{
	margin:2px 0px -1px 0px;
}

div.checkbox_container span
{
	padding-right:2px 6px 2px 0;
	display:block;
	border-bottom:#CCC 1px dotted;
}

input.checkbox
{
	margin:3px 3px 0px 1px;
	padding:0px;
}

* html input.checkbox
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}

*:first-child+html input.checkbox
{
	margin:-4px 0px 0px -3px;
	position:relative;
	top:1px;
}


/**
 * File upload
 */
input.file
{
	margin:1px 0px 1px 0px;
}

* html input.file
{
	margin:0px;
}

*:first-child+html input.file
{
	margin:0px;
}


/**
 * Error message
 */
div.error
{
	color:#7f0800;
	background:#FFF;
	padding:1px 2px;
}




input.submit {
		color:#333;
	}
	
/* Nur in tabellenlosen Formularen soll das Label oberhalb
   des/r zugehörigen Felds/Feldgruppe erscheinen ...
*/
.tableless label {
  display: block;
  color:#696969;
}
/* ... aber die Labels für Checkbox/Radio-Elemente sollen NICHT
   oberhalb, sondern rechts stehen!
   Der Selektor ist spezifischer und überschreibt so die Definition
   oben. Ich bin aber nicht sicher, ob die Gruppen-Elemente
   immer in span Elemente eingekleidet sind ... für mich
   funktioniert es erstmal.
*/
.tableless span label {
  display: inline;
  color: black;
}

input {
}