/*=========================================================================
|
|	file:			bkh_niceforms.css
|	site:			www.bulgarische-kinderheime.de
|	descr:		Niceforms-Stile
|	version:		1.1 - 2008/02/29 13:12
|
|	------------------------------------------------------------------------
|
|	author:		Christoph Sch��ler
|	author url:	http://herr-schuessler.de
|
==========================================================================*/


/* 
|
|	Form defaults
|
--------------------------------------------------------------------------*/
input,
textarea {
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	color:					#83817D;
	}
label {
	color:					#6E6D69;
	cursor:					pointer;
	padding-left:			4px;
	line-height:			16px;
	font-size:				0.9em;
	}
label.chosen {
	color:					#504F4E;
	}
.missing label {
	color:					#CF5504 !important;
	font-weight: 			bold;
	}

/* 
|
|	Transparent Items
|
--------------------------------------------------------------------------*/
.outtaHere {
	position:				absolute;
	left:						-3000px;
	}


/* 
|
|	Radio Buttons
|
--------------------------------------------------------------------------*/
.radioArea,
.radioAreaChecked {
	display:					block;
	float:					left;
	clear:					left;
	width:					15px;
	height:					14px;
	font-size:				0;
	cursor:					pointer;
	}
.radioArea {
	background:				url(../gfx/niceforms/radio.png) no-repeat left top;
	}
.radioAreaChecked {
	background:				url(../gfx/niceforms/radio.png) no-repeat left bottom;
	}


/* 
|
|	Checkboxes
|
--------------------------------------------------------------------------*/
.checkboxArea,
.checkboxAreaChecked {
	display:					block;
	float:					left;
	clear:					left;
	width:					13px;
	height:					13px;
	font-size:				0;
	padding:					0;
	margin:					0;
	cursor:					pointer;
	}
.checkboxArea {
	background:				url(../gfx/niceforms/checkbox.png) no-repeat left top;
	}
.checkboxAreaChecked {
	background:				url(../gfx/niceforms/checkbox.png) no-repeat left bottom;
	}
.focused {
	border:					0px;
	}


/* 
|
|	Text Inputs
|
--------------------------------------------------------------------------*/
.textinput,
.textinputHovered {
	height:					14px;
	background:				url(../gfx/niceforms/input-bg.png) repeat-x left top;
	border:					none;
	padding:					5px 0 4px 0;
	vertical-align:		middle;
	}
.textinputHovered {
	background-position:	left bottom;
	color: 					#504F4E;
	}
.inputCorner {
	padding-bottom:		0;
	vertical-align:		middle;
	}


/* 
|
|	Textareas
|
--------------------------------------------------------------------------*/
.txtarea .tr,
.txtarea .tr_xon {
	background:				url(../gfx/niceforms/textarea-tr.png) no-repeat top right;
	}
.txtarea .tr_xon {
	background:				url(../gfx/niceforms/textarea-tr-xon.png) no-repeat top right;
	}
.txtarea img.txt_corner {
	width:					5px;
	height:					5px;
	display:					block;
	}
.txtarea .br,
.txtarea .br_xon {
	background:				url(../gfx/niceforms/textarea-br.png) no-repeat top right;
	}
.txtarea .br_xon {
	background:				url(../gfx/niceforms/textarea-br-xon.png) no-repeat top right;
	}
.txtarea .cntr {
	background:				url(../gfx/niceforms/textarea-cntr.png) repeat-y right top;
	}
.txtarea .cntr_xon {
	background:				url(../gfx/niceforms/textarea-cntr-xon.png) repeat-y right top;
	}
.txtarea .cntr_l,
.txtarea .cntr_l_xon {
	width:					5px;
	background:				url(../gfx/niceforms/textarea-l.png) repeat-y left top;
	float:					left;
	}
.txtarea .cntr_l_xon {
	background:				url(../gfx/niceforms/textarea-l-xon.png) repeat-y left top;
	}
.txtarea textarea {
	border:					0;
	background:				none;
	padding:					0;
	margin:					5px;
	}
.txtarea .cntr_xon textarea {
	color: 					#504F4E;
	}


/* 
|
|	Selects
|
--------------------------------------------------------------------------*/
.selectArea {
	width:					200px;
	height:					21px;
	background:				url(../gfx/niceforms/select-bg.png) repeat-x left top;
	}
.selectArea .left {
	width:					8px;
	height:					21px;
	float:					left;
	background:				url(../gfx/niceforms/select-left.png) no-repeat left top;
	}
.selectArea .right {
	width:					21px;
	height:					21px;
	float:					right;
	background:				url(../gfx/niceforms/select-right.png) no-repeat left top;
	}
.selectArea .right a {
	display:					block;
	width:					200px;
	height:					21px;
	margin-left:			-179px;
	position:				absolute;
	}
.selectArea .right i {
	display:					none;
	}
.selectArea .center {
	width:					160px;
	color:					#83817D;
	font-size:				0.9em;
	padding-top:			4px;
	overflow:				hidden;
	white-space:			nowrap;
	}


/* 
|
|	Selects Dropdown
|
--------------------------------------------------------------------------*/
.optionsDivInvisible, .optionsDivVisible {
	position:				absolute;
	margin-top:				-1px;
	margin-left:			1px;
	width:					172px;
	background:				#F4EEE9;
	padding:					2px;
	font-size:				0.8em;
	z-index:					20;
	border: 					1px solid #CFCCC4;
	border-top-width: 	0px;
	}
.optionsDivInvisible {
	display:					none;
	}
.optionsDivVisible {
	display:					block;
	}
.optionsDivVisible p {
	margin:					0;
	padding:					0;
	}
.optionsDivVisible a {
	color:					#83817D;
	text-decoration:		none;
	display:					block;
	padding:					1px 4px;
	border:					1px solid #F4EEE9;
	}
.optionsDivVisible a:hover {
	color:					#504F4E;
	background:				#CFCCC4;
	border-color:			#504F4E;
	}

/* 
|
|	Buttons
|
--------------------------------------------------------------------------*/
.buttonSubmit,
.buttonSubmitHovered {
	width:					auto;
	height:					26px;
	color:					#F4EEE9;
	padding:					2px;
	background:				url(../gfx/niceforms/button-bg.png) repeat-x left top;
	cursor:					pointer;
	border:					none;
	}
.buttonSubmitHovered {
	background-position:	left bottom;
	color:					#F5F5F5;
	}
.buttonImg {
	vertical-align:		bottom;
	}