/** .ux-btn-vertical-center-icon 
	Zusatzklasse um kleinere Bildchen in Buttons vertikal zu zentrieren (geht noch nicht im FF)*/
.ux-btn-vertical-center-icon .x-btn-center .x-btn-text { background-position:2px center; }

/** Klassen für TreeNodes, die per icon='...' mit einem Overlay versehen werden und die Standardicons verwenden sollen. */
.x-tree-node-leaf img.ux-default-folder {
	background-image:url(res.ashx?t=1&Res=SharedResources/extJs2/images/default/tree/folder.gif);
	background-repeat:no-repeat;
}
.x-tree-node-collapsed img.ux-default, .x-tree-node-collapsed img.ux-default-folder {
	background-image:url(res.ashx?t=1&Res=SharedResources/extJs2/images/default/tree/folder.gif);
	background-repeat:no-repeat;
}
.x-tree-node-expanded img.ux-default, .x-tree-node-expanded img.ux-default-folder {
	background-image:url(res.ashx?t=1&Res=SharedResources/extJs2/images/default/tree/folder-open.gif);
	background-repeat:no-repeat;
}

.x-tree-node-leaf img.ux-default {
	background: url(res.ashx?t=1&Res=SharedResources/extJs2/images/default/tree/leaf.gif);
	background-repeat:no-repeat;
}

/* Klassen für Checkboxen im Baum
	TODO: Bilder in Ext2 tun bzw. dort welche suchen und benutzen
*/
.ux-tree-checkbox-state-off {
	background-image:url(res.ashx?t=1&Res=SharedResources/extJs/images/ux/tree/checkbox_state0.gif);
	width:16px;
	vertical-align:middle;
	background-repeat:no-repeat;
}
.ux-tree-checkbox-state-tripple {
	background-image:url(res.ashx?t=1&Res=SharedResources/extJs/images/ux/tree/checkbox_state1b.gif); /*triple state*/
	width:16px;
	vertical-align:middle;
	background-repeat:no-repeat;
}
.ux-tree-checkbox-state-on {
	background-image:url(res.ashx?t=1&Res=SharedResources/extJs/images/ux/tree/checkbox_state2.gif);
	width:16px;
	vertical-align:middle;
	background-repeat:no-repeat;
}

/** zusätzliche allgemeinverwendbare Drag-Drop Icons */
.ux-tree-drop-move .x-dd-drop-icon {
	background-image:url(res.ashx?t=1&res=SharedResources/extJs2/images/default/grid/page-prev.gif);
}

/** Klassen für TDs im Table Layout */
.ux-valign-top { vertical-align:top; }
.ux-valign-bottom { vertical-align:bottom; }

/** Maskenklasse mit etwas hellerem Overlay (speziell für cardo Anwenderoberfläche) */
.ux-mask-light .ext-el-mask {
	background-color:#EEE;
}

/** Klassen für XCheckbox*/
.xcheckbox-wrap {
	   line-height: 18px;
	   padding-top:2px;
}
.xcheckbox-wrap a {
   display:block;
   width:16px;
   height:16px;
   float:left;
}
.x-toolbar .xcheckbox-wrap {
   padding: 0 0 2px 0;
}
.xcheckbox-on {
   background:transparent url(res.ashx?t=1&res=SharedResources/extJs2/images/default/menu/checked.gif) no-repeat 0 0;
}
.xcheckbox-off {
   background:transparent url(res.ashx?t=1&res=SharedResources/extJs2/images/default/menu/unchecked.gif) no-repeat 0 0;
}
.xcheckbox-disabled {
   opacity: 0.5;
   -moz-opacity: 0.5;
   filter: alpha(opacity=50);
   cursor:default;
}

/** Ein bisschen Abstand vom Text zum Rand des Knopfes bei Toolbarbuttons */
.ux-transparent-tab-strip UL.x-tab-strip-top, .ux-transparent-tab-strip .x-tab-panel-header {
	background:none;
}
/** Für Tab Panel (als cls zuweisen), wo der Tab-Strip hinter den Tabs nicht erscheinen soll */
.ux-transparent-tab-strip .x-tab-panel-header {
	padding:0px;
	border:none;
}
.ux-transparent-tab-strip .x-tab-strip-spacer {
	display:none;
}
/*
.ux-transparent-tab-strip .x-panel-body {
	padding:0px;
	border:1px solid #D0D0D0;
	border-top:none;
}*/


/** Ein bisschen Abstand vom Text zum Rand des Knopfes bei Toolbarbuttons */
.x-toolbar button {
	margin-left:2px;
	margin-right:2px;
}

/** Workaround für IE6, um PNG Hintergrundbilder mit Alphakanal korrekt angezeigt zu bekommen
	(das derzeit auskommentierte replace soll eigentlich bei cookieless Session helfen, aber funktioniert noch nicht so richtig, also bei Bedarf noch TODO) */
.ext-ie6 .ux-pngbgimg {
	background: expression('url('+this.currentStyle['backgroundImage'].split('\"')[1]+'")' ); 
	filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.currentStyle['backgroundImage'].split('"')[1]/*.replace(/\/\(\w\(.*?\//gi,'/')*/+"', sizingMethod='crop')")
}

/** Fix für IE6, der sonst die TreeNodes auf dem ersten Level nie gehovert bzw. selektiert darstellt */
.x-tree-node  { zoom:1; }

/** Fix: verhindert, dass beim Editieren einer nicht ganz sichtbaren Spalte im EditorGridPanel, ein Teil des Editors abgeschnitten wird*/
.ux-grid-editor-column-edit .x-grid-editor{
	position: relative !important;
	float: center;
}

#legend-tree-grid-panel .x-grid-group-hd{background:#f0f0f0;}

/** TextField Hintergrund für Markierung von Pflichtfeldern */
input.ux-form-text-mandatory, textarea.ux-form-text-mandatory
{
	background:#FFE6E4;
}

/* Noch nicht fertig: bei margin noch eine 0 dran - stört auch in manchen Fällen, also erst mal lassen [nico]*/ 
/*
.ext-ie .x-form-text{margin:-1px 0 0;}
*/