/**
*	///////////////////////////////////////////////////
*	////////////// F O R M U L A R E //////////////////
*	///////////////////////////////////////////////////

*	Stylesheet fuer Formulare aus dem Formular-Editor
*
*	@author			norbert
*	@since			20050101
*	@version		1.1
*	
*	/////////////////////////////////////////////////*/


/**
*	############### table.formContainer ##############
*/

table.formContainer{
	border-collapse	: collapse;
	border			: 1px solid #F3F6F9;
	empty-cells		: show;
	// width			: 445px; 		
}

.formContainer a, .formContainer a:link, .formContainer a:visited {
	font-weight:bold;
	text-decoration:underline;
	color			: #2C2A6F;
}


/* Bei Verschachtelung ...*/
table.formContainer table{ 
	border			: 10;
}

table.formContainer caption{
	caption-side	: top;
	width			: auto;
	background-color: #B7C7DA;
	font-size		: 11px;
	color			: #333333;
	padding			: 2px 4px;
	text-align		: left;
	font-weight		: bold;
}

table.formContainer th{
	text-align		: left;
	font-size		: 10px;
	background-color: #F3F6F9;
	color			: #333333;
	font-weight		: normal;
	border-bottom	: none;
}

table.formContainer tr{
	vertical-align	: top;
}

table.formContainer td{
	background-color: #F3F6F9;
	color			: #333333;
	padding			: 0;
}

/** Einrueckung Elemente */
table.formContainer h1,
table.formContainer h2,
table.formContainer h3,
table.formContainer p{
	color			: #333333;
	text-align		: left;
	font-size		: 10px;
	padding			: 2px 4px !important;
	width			: auto !important;
}

table.formContainer h1{
	background-color: #B7C7DA;
	font-weight		: bold;
	margin			: 16px 0 0 0;
}

table.formContainer h2{
	background-color: #B7C7DA;
	font-weight		: bold;
	font-size		: 10px;
	margin			: 8px 0 4px 0;
	letter-spacing	: normal;
}

table.formContainer h3 {
	font-size		: 11px;
	font-weight		: normal;
}

table.formContainer p{
	width			: auto;
	line-height		: 1.2em;
	margin			: 0;
}

table.formContainer .seperator p{
	border-top		: 1px solid #B7C7DA;
	
}

table.formContainer tfoot td{
	background-color: #E2E9F0;
	padding			: 2px 0 2px 5px;
}

table.formContainer tfoot p{
	font-size		: 10px;
	width			: auto;
	margin			: 0;
}

table.formContainer tfoot a{

	color			: #2C2A6F;
	padding-right	: 8px;
	margin-right	: 10px;
	font-weight		: bold;
	font-size		: 10px;
	display			: block;
	float			: right;
}

table.formContainer label{
	color			: #333333; 
	background-color: transparent;
	padding			: 2px 4px; 
	font-size		: 10px;
	font-weight		: bold;
	vertical-align	: middle;
	display			: block;
}

table.formContainer input, 
table.formContainer textarea, 
table.formContainer select, 
table.formContainer label{
	margin			: 2px;
}

/**
*	Unspezifische und kontextunabhängige Formular Klassen
*/

input[disabled] {
 background-color : #aaaaaa;
 border-radius: 5px;
 border: none;
}
input.xxs,
select.xxs,
textarea.xxs{
	width			: 30px;
}

input.xs,
select.xs,
textarea.xs{
	width			: 50px;
}

input.s,
select.s,
textarea.s{
	width			: 100px;
}

input.ms,
select.ms,
textarea.ms{
	width			: 150px;
}

input.m,
select.m,
textarea.m{
	width			: 200px;
}

input.l,
select.l,
textarea.l{
	width			: 250px;
}

input.xl,
select.xl,
textarea.xl{
	width			: 300px;
}

textarea.s {
	height			: 32px;
}

textarea.ms {
	height			: 40px;
}

textarea.ms_extra {
	height			: 100px;
}

textarea.m {
	height			: 100px;
}

textarea.l{
	height			: 300px;
}

textarea.xl{
	height			: 300px;
}

/*
	Klassen für Radio-Buttons im Formulareditor: 
	Parent: BODY TD.radiofield
*/
td.radiofield input{
	border			: 0;
	vertical-align	: middle;
	float			: left; 
	width			: auto; 
	height			: auto; 
	margin-right	: 0;

}

/* INPUT[type="text"]*/
td.radiofield input.text{
	border			: 1px solid #333333;
}

td.radiofield h2{
	background-color: #E2E9F0;
	color			: #333333;
	padding			: 0;
	margin			: 10px 0 0 0;
	font-weight		: bold;
	height			: 20px;
}

td.radiofield label{
	height			: auto; 
	font-weight		: normal;
	vertical-align	: middle; 
	display			: block;
	float			: left;
	margin-left		: 0;
}

td.radiofield h2 label{
	font-weight		: bold;
}

td.radiofield label:hover{
	text-decoration	: underline;
}


td.radiofield br.clearme{
	clear			: both;
}

td.radiofield label.xs{
	width			: 60px;
}

td.radiofield label.s{
	width			: 114px;
}

td.radiofield label.ms{
	width			: 136px;
}

td.radiofield label.m{
	width			: 225px;
}


/**
*	Vertikale Ausrichtung Label / Checkbox / Radiobox 
*/

label.checkbox{
	background-color: transparent;
	font-size		: 11px;
	line-height		: 13px;
	color			: #000000;
	vertical-align	: middle;
	padding-left	: 2px;
}

input.checkbox{
	color			: #000000;
	border			: none;
	background-color: transparent;
	height			: 14px;
	width			: 14px;
	vertical-align	: middle;	
}

label.radio{
	background-color: transparent;
	font-size		: 11px;
	line-height		: 13px;
	color			: #000000;
	vertical-align	: middle;
	padding-left	: 2px;
}

input.radio{
	color			: #000000;
	border			: none;
	background-color: transparent;
	height			: 14px;
	width			: 14px;
	vertical-align	: middle;	
}

input.dayfield,
select.dayfield,
textarea.dayfield{
	width			: 20px;
}

input.monthfield,
select.monthfield,
textarea.monthfield{
	width			: 20px;
}

input.yearfield,
select.yearfield,
textarea.yearfield{
	width			: 35px;
}


.requiredField {
	vertical-align: baseline;
	font-size: 10px;
	font-weight: bold;
	position: relative;
	top: -5px;
	color: red;
}