#fe_waitImage {
	position: absolute;
	top: 10px;
	right: 10px;
	/*display: none;*/
}

div.fe_cattr_hidden {
	display: none;
}

span.fe_info_img {
	float: left;
	margin-left: 6px;
	margin-right: 4px;
	background-image: url('FEResources?resource=images/info.png');
	width: 16px;
	height: 16px;
}

div.fe_info {
	display: none;
	position: absolute;
	padding: 2px;
	border: solid 1px darkblue;
	width: auto;
	background-color: lightblue;
}

/* Wenn Validierungsfehler als Icon angezeigt werden */
span.fe_message_img {
	display: none;
	float: left;
	margin-left: 6px;
	margin-right: 4px;
	background-image: url('FEResources?resource=images/advice.png');
	width: 16px;
	height: 16px;
}

/* Wenn Validierungsfehler als Text angezeigt werden */
span.fe_message_label {
	display: none;
	float: left;
	margin-left: 6px;
	margin-right: 4px;
	color: #FF0000;
	font-weight: bold;
}

div.fe_message {
	display: none;
	position: absolute;
	padding: 2px;
	border: solid 1px darkblue;
	width: auto;
	background-color: lightcoral;
}

div.fe_break {
	clear: left;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
}

div.fe_component {
	/*clear: left;*/
	float: left;
	padding: 4px 0;
}

div.fe_label {
	float: left;
	width: 160px;
}

div.fe_label label {
	font-weight: bold;
	padding-right: 10px;
}

/* Labelzusatz standardmäßig aus */
.fe_label_suffix {
	display: none;
/* nicht notwendig
	float: left;
*/
}

div.fe_component div.fe_c_content {
	float: left;
	/*margin-left: 10px;*/
}

div.fe_c_fields {
	float: left;
	/*margin-left: 10px;	*/
}

div.fe_renderer_spacer {
	float: left;
	width: 8px;
}

div.fe_component div.fe_message {
	float: left; /*width: 300px;*/
	margin-left: 8px;
}

option {
	padding: 0 4px;
}

/* War? Fuer Opera erforderlich, damit die Checkboxen links ausgerichtet werden */
.fe_check_option {
	/*float:left;*/
	/*clear:left;*/
	margin:2px;
}

/* Gruppen */

div.fe_component fieldset legend label {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

/* Repeat */

/* Repeat-Tabelle mit Zeilen im Gruppenlayout über volle Breite */
.fe_r_content table.fe_repeat_group_table {
	width:100%;
}

.fe_selected_repeat_row {
	background-color: #e0e0e0;
}

/* Gruppen in Repeats über die volle Höhe aller Felder */
/*
 {
	overflow:hidden;
	clear: left;
	float:left;
}
*/

div.ctype_repeat .fe_body_repeat_set {
	/*border: solid 1px #AAA;*/
	overflow: hidden;
	padding: 2px;
	margin-bottom: 5px;
}

tr.fe_repeat_table_row div.fe_label {
	display: none;
}

div.fe_c_content input[type=text],
	div.fe_c_content input[type=password],
	div.fe_c_content textarea {

	border: solid 1px #ADB5CE;
}

div.fe_c_content input[type=text]:focus,
	div.fe_c_content input[type=password]:focus,
	div.fe_c_content textarea:focus {

	background-color: #FFFFCC;
}

div.fe_error_tooltip input {
	background-color: #FFCCCC;
}

div.fe_submission {
	clear: left;
	float: left;
	padding: 10px 0;
	margin-left: 200px;
}

div.fe_reset {
	float: left;
	padding: 10px;
}

div.fe_cancel {
	float: left;
	padding: 10px;
}

/* spezielle Renderer */

/* file upload */

.fe_upload_iframe {
	width: 260px;
	height: 27px;
}

.fe_progressBar {
	display: none;
	/* offset und hoehe wie die hoehe des upload_iframes */
	margin-top: -30px;
	height: 30px;
}

.fe_progressBarBox {
	position: relative;
	top: 3px;
	width: 250px;
	height: 15px;
	border: 1px inset;
	background: #eee;
}

.fe_progressBarText {
	position: absolute;
	left: 3px;
	top: 0;
	width: 250px;
	z-index: 2;
	font-size: 11px;
}

.fe_progressBarContent {
	width: 0;
	height: 15px;
	border-right: 1px solid #444;
	background: #9ACB34;
}

/* Calendar */

div.fe_calendar_img {
	float: left;
	/*margin-left: 10px;*/
	background-image: url('FEResources?resource=images/date.png');
	width: 16px;
	height: 16px;
}

/* gleiche Symbole für normales Delete und im Kalender */
div.fe_calendar_del_img, div.fe_delete_img {
	float: left;
	margin-left: 5px;
	background-image: url('FEResources?resource=images/cross.png');
	width: 16px;
	height: 16px;
}

/* Option-Table */
table.fe_option_table .fe_option_checkbox_column {
	width: 20px;
}

div.fe_option_checkbox_popup_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/shape_square_add.png');
	width: 16px;
	height: 16px;
	float:right;
}

.fe_option_page_size {
	cursor:pointer;	
	background: no-repeat right url('FEResources?resource=images/bullet_arrow_down.png');
	padding-right: 16px;
}

div.fe_option_checkbox_popup, div.fe_option_pagesizer_popup {
	cursor:pointer;
	padding: 3px;
	border: solid #D0D0D0 1px;
	background:white;
	text-align:left;
	font-weight:normal;
}

div.fe_option_checkbox_popup div, div.fe_option_pagesizer_popup div {
	margin: 2px;
}

div.fe_option_checkbox_popup div:hover {
	font-weight:bold;
}

/* Popup für gesamten Renderer*/

/* Popup in Scrollbarem Rahmen */
div.fe_renderer_popup {
	padding: 3px;
	border: solid #D0D0D0 1px;
	background:white;
	/*min-width:60px;*/
	max-height:160px;
	overflow:auto;
}

div.fe_renderer_popup_label {
	cursor:pointer;
	font-weight:bold;
}

div.fe_renderer_popup_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/add.png');
	width: 16px;
	height: 16px;
}

/* AddOptions */

div.fe_options_popup_label {
	cursor:pointer;
	font-weight:bold;
}

div.fe_options_popup_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/add.png');
	width: 16px;
	height: 16px;
}

/* Optionen in scrollbarem Rahmen */
div.fe_add_options {
/* rechts 18, damit in Opera Platz für den Scrollbar ist */
	padding: 3px 18px 3px 3px;
	/*border: solid #D0D0D0 1px;*/
	max-height:120px;
	overflow:auto;
}

/* im popup kein zusätzliches Padding */
div.fe_renderer_popup div.fe_add_options {
	padding: 0 15px 0 0;
}

.fe_add_options div:hover {
	cursor:pointer;
	font-weight:bold;
}

/* Optionen ModifySelection */

ul.fe_selected_options li:hover{
	cursor:pointer;
	text-decoration: line-through;
	font-style:italic; /* damit in Opera auch was passiert */
	/*font-weight:bold;*/
}

ul.fe_selected_options {
	padding-left:0;
	margin-left:0;
	margin-top:0;
}

ul.fe_selected_options li {
	clear:left;
	line-height:16px;
	list-style:none;
	padding-left:0;
	margin-left:0;
}

ul.fe_selected_options li div {
	float:left; /* alles zu einem Wert in einer Zeile */
}

.fe_option_del_img {
	margin-left: 5px;
	margin-right: 5px; /* rechts etwas spielraum für das mouseover */
	background-image: url('FEResources?resource=images/cross.png');
	width: 16px;
	height: 16px;
}

.fe_option_move_up, .fe_option_move_down, .fe_option_move_top, .fe_option_move_bottom {
	margin-left: 5px;
	margin-right: 0;
	width: 16px;
	height: 16px;
}

.fe_option_move_down {
	background-image: url('FEResources?resource=images/move_down.png');
}

.fe_option_move_up {
	margin-left: 0;
	background-image: url('FEResources?resource=images/move_up.png');
}

.fe_option_move_top {
	background-image: url('FEResources?resource=images/move_top.png');
}

.fe_option_move_bottom {
	background-image: url('FEResources?resource=images/move_bottom.png');
}

/* Repeat-Buttons */

.fe_body_repeat_set legend img {
	vertical-align:middle;
	width:16px;
}

.fe_repeat_add_before_img {
	margin-left: 15px;
	cursor:pointer;
	background: 0 -1px url('FEResources?resource=images/add_before.png');
}

.fe_repeat_add_after_img {
	cursor:pointer;
	background: url('FEResources?resource=images/add_after.png');
}

.fe_repeat_del_img {
	margin-left: 5px;
	cursor:pointer;
	background-image: url('FEResources?resource=images/delete.png');
}

.fe_repeat_up_img {
	margin-left: 15px;
	cursor:pointer;
	background-image: url('FEResources?resource=images/arrow_up.png');
}

.fe_repeat_down_img {
	margin-right: 5px;
	cursor:pointer;
	background-image: url('FEResources?resource=images/arrow_down.png');
}


/* Dialog-Popup */

div.fe_dialog_img {
	float: left;
	/*margin-left: 10px;*/
	background-image: url('FEResources?resource=images/application_form_add.png');
	width: 16px;
	height: 16px;
}


/* Tree */

li.fe_tree_node {
	clear:left;
	padding-left:0;
	margin-left:0;
	list-style:none;
}

/* die erste Ebene linksbündig */
ul.fe_tree_nodes {
	padding-left:0;
	margin-left:0;
	/* verhindert Abstand des gesamtes Baums nach oben */
	margin-top:0;
}

/* alle weiteren Ebenen einrücken */
li.fe_tree_node ul.fe_tree_nodes {
	padding-left:18px;
}

div.fe_node_opener {
	float:left;
	height:16px;
	width:16px;
}

div.fe_node_closed {
	background: url('FEResources?resource=images/tree/plus.gif') no-repeat 3px 3px;
}

div.fe_node_open {
	background: url('FEResources?resource=images/tree/minus.gif') no-repeat 3px 3px;
}

/* TODO gehört eigentlich nicht in das allgemeine CSS */


div.fe_node_icon {
	float:left;
	width:16px;
	height:16px;
	background: url('FEResources?resource=images/bullet_green.png') no-repeat;
	margin-right:2px;
}

div.fe_tree_folder_img {
	background: url('FEResources?resource=images/folder.png') no-repeat;
}

/* spezielle Markierung des gewaehlten Elements */
/* TODO geht nicht im IE6 */
li.fe_node_in_path > label.fe_node_label {
	font-weight: bolder;
	font-style:italic;
}

li.fe_node_selected > label.fe_node_label {
	font-weight: bold;
}

li.fe_node_selected > div.fe_tree_item_img {
	background: url('FEResources?resource=images/bullet_red.png') no-repeat;
}


/* Alle Abstaende fuer Layout-Tabelle der Choices abschalten */
table.fe_choices_table input {
	margin:0;
}

div.ctype_boolean input.fe_element_checkbox {
	margin:0;
}

table.fe_choices_table tr {
	padding:0;
}

table.fe_choices_table td {
	padding:2px 0;
}

/* Wenn Choices keine definierte breite, dann Abstand einfuegen */
table.fe_dynamic_choice_width td {
	padding-right:6px;
}

/* Wenn Label und Choice uebereinander, dann zentrieren */

/* Bei Zeilenumbruch nach label, Abstand fuer Radio-Option */
td.fe_break_after_label input{
	margin-top:2px;
}

/******************************************/
/* classes für spezielle Layout-Varianten */
/******************************************/


/* Klassen für mehrspaltige Anordnung von Komponenten */
/* Alle Komponenten-Container in Spalten legen ihre Breite durch die class mit
	der entsprechenden Anzahl fest */

div.fe_2_columns {
	width: 49%;
}

div.fe_3_columns {
	width: 33%;
}

div.fe_4_columns {
	width: 24.5%;
}

/* Label-Ausrichtung für mehrspaltige Darstellung */
div.fe_additional_column div.fe_label{text-align: right;}
div.fe_same_line div.fe_label{text-align: right;}
/* und etwas Abstand nach links sichern */
div.fe_additional_column div.fe_label label {padding-left: 8px;}
div.fe_same_line div.fe_label label {padding-left: 8px;}

/* Wenn Label über der Komponente, dann wieder links ausrichten */
div.fe_label_above div.fe_label {
	float: none;
	width: auto;
	text-align: left;
	margin-bottom: 4px;
}
div.fe_label_above div.fe_label label {padding-left: 0;}


/* so können Renderer in einer neuen Zeile beginnen */
div.fe_render_in_new_line {
	clear:left;
}

/* Blätter-Buttons */

.fe_page_first_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/page_first.png');
	width: 16px;
	height: 16px;
}

.fe_page_fr_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/page_fastrewind.png');
	width: 16px;
	height: 16px;
}

.fe_page_prev_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/page_prev.png');
	width: 16px;
	height: 16px;
}

.fe_page_next_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/page_next.png');
	width: 16px;
	height: 16px;
}

.fe_page_ff_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/page_fastforward.png');
	width: 16px;
	height: 16px;
}

.fe_page_last_img {
	cursor:pointer;
	background-image: url('FEResources?resource=images/page_last.png');
	width: 16px;
	height: 16px;
}

/* Auf erster oder letzter Seite die entsprechenden Buttons ausblenden */

table.fe_is_first_page .fe_page_first_img, table.fe_is_first_page .fe_page_fr_img, table.fe_is_first_page .fe_page_prev_img {
	cursor:auto;
	background-image:none;
}

table.fe_is_last_page .fe_page_last_img, table.fe_is_last_page .fe_page_fr_img, table.fe_is_last_page .fe_page_next_img {
	cursor:auto;
	background-image:none;
}

div.fe_slider {
	width:160px;
	height:4px;
	margin:7px 0 8px 0;
	background-color:#E0E0E0;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	position: relative;
}

div.fe_slider .fe_slider_handle {
	width:16px;
	height:14px;
	margin:-5px 0 0 0;
	text-align:center;
	background-color:#80C0F0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	cursor:e-resize;
	position: absolute;
}

table.fe_page_browser td {
	text-align: center;
}

.fe_duration span {
	margin-right: 6px;
}

/* Layout für Suggestor div und enthaltene Liste */
div.fe_input_suggestions {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.fe_input_suggestions ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.fe_input_suggestions ul li.selected { background-color: #ffb;}
div.fe_input_suggestions ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  /*height:32px;*/
  cursor:pointer;
}
div.fe_input_suggestions ul li span{
	/*display:block;*/
	font-style: italic;
}