/**
 * In dieser CSS Datei soll alles landen, was die RichFaces betrifft...
 * Dabei ist zwingend darauf zu achten, dass unsere Überschreibung immer mit einer ID
 * arbeitet... da die originale CSS Datei HINTER unserer CSS Datei im Source landet.
 * Ohne eine #ID können wir das originale CSS nicht überladen!  
 */

/**
 * Die folgenden Eigenschaften gelten allgemein dem <rich:panel>...
 */
#body *.rf-p {
	padding: 0;
	border: none;
}
#body *.rf-p *.rf-p-b {
	padding: 0;
}

/** 
 * Die folgenden Eigenschaften gelten dem <rich:editor>...
 */
#body *.rf-ed {
    max-width: calc(100% - 2px);
}

/** 
 * Die folgenden Eigenschaften gelten dem <rich:tabPanel>...
 */
#body *.rf-tbp {
	display: table;
	font-size: 12px;
	margin: 5px;
	
    /* Damit an diversen Stellen nicht der horizontale Scrollbalken 
        des Parent-Elements eingeblendet wird, müssen wir das <rich:tabPanel> etwas schrumpfen: */
	width: 98%; 
}
#body *.rf-tbp,
#body *.rf-tbp *.rf-tab-hdr-tabs,
#body *.rf-tbp *.rf-tab-hdr-tabs *,
#body *.rf-tbp *.rf-tab-hdr-tabline-vis {
	border-collapse: separate;
	border: none; /* Wir müssen einige unsinnige Border erst mal abstellen... */
}
#body *.rf-tbp *.rf-tab-hdr {
	font-size: 12px;
	border: 1px solid #ccc;
	border-radius: 5px 5px 0 0;
	border-bottom: none;
	padding: 5px;
}
#body *.rf-tbp *.rf-tab-cnt {
	border: 1px solid #8ac;
	border-top: none;
	border-radius: 0 0 5px 5px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
#body *.rf-tbp *.rf-tab-hdr-brd {
	background: #039;
	border: none;
}
#body *.rf-tbp *.rf-tab-hortab-tabspcr-wdh {
	padding-left: 3px;
}
#body *.rf-tbp *.rf-tab-hdr-act {
	border: 1px solid #039;
	border-bottom: none;
	background: #8ac;
	background:         linear-gradient(top, #cde, #8ac);
	background:      -o-linear-gradient(top, #cde, #8ac);
	background:     -ms-linear-gradient(top, #cde, #8ac);
	background:    -moz-linear-gradient(top, #cde, #8ac);
	background: -webkit-linear-gradient(top, #cde, #8ac);
}
#body *.rf-tbp *.rf-tab-hdr-inact {
	background: #ddd;
	background:         linear-gradient(top, #eee, #ddd);
	background:      -o-linear-gradient(top, #eee, #ddd);
	background:     -ms-linear-gradient(top, #eee, #ddd);
	background:    -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-linear-gradient(top, #eee, #ddd);
}
#body *.rf-tbp *.rf-tab-hdr-dis {
	background: #eee;
	background:         linear-gradient(top, #fff, #eee);
	background:      -o-linear-gradient(top, #fff, #eee);
	background:     -ms-linear-gradient(top, #fff, #eee);
	background:    -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-linear-gradient(top, #fff, #eee);
}
#body *.rf-tbp *.rf-tab-hdr-dis .rf-tab-lbl {
	color: #aaa;
}

/**
 * Die folgenden Eigenschaften gelten dem <rich:dataTable>...
 */
#body *.rf-dt {
	width: 100%;
}
#body *.rf-dt,
#body *.rf-dt th,
#body *.rf-dt td {
 	border: 1px solid #ccc;
}
#body *.rf-dt-srt-btn {
	width: 16px;
}
#body *.rf-dt table,
#body *.rf-dt table th,
#body *.rf-dt table td {
 	border: none;
}
#body *.rf-dt .rf-dt-shdr-c,
#body *.rf-dt .rf-dt-shdr-c label {
	vertical-align: bottom;
}
#body *.rf-dt .rf-dt-shdr,
#body *.rf-dt .rf-dt-sftr {
	background: #ddd;
	background:         linear-gradient(top, #eee, #ddd);
	background:      -o-linear-gradient(top, #eee, #ddd);
	background:     -ms-linear-gradient(top, #eee, #ddd);
	background:    -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-linear-gradient(top, #eee, #ddd);
}
#body *.rf-dt .rf-dt-ftr-c,
#body *.rf-dt .rf-dt-hdr-c {
	background: #ccc;
	background:         linear-gradient(top, #eee, #ccc);
	background:      -o-linear-gradient(top, #eee, #ccc);
	background:     -ms-linear-gradient(top, #eee, #ccc);
	background:    -moz-linear-gradient(top, #eee, #ccc);
	background: -webkit-linear-gradient(top, #eee, #ccc);
	font-size: 13px;
	text-align: left;
}
#body *.rf-dt .rf-dt-hdr-c {
	padding-left: 10px;
}
#body *.rf-dt .rf-dt-flt {
	background: #eee;
	background:         linear-gradient(top, #fff, #eee);
	background:      -o-linear-gradient(top, #fff, #eee);
	background:     -ms-linear-gradient(top, #fff, #eee);
	background:    -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-linear-gradient(top, #fff, #eee);
	font-size: 13px;
}
#body *.rf-dt .rf-dt-flt-cnt {
	height: 20px;
}
#body *.rf-dt .rf-dt-flt-i {
	width: 95%;
}
#body .rf-cst-r {
	background: #eed;
	background:         linear-gradient(top, #ddc, #ffe);
	background:      -o-linear-gradient(top, #ddc, #ffe);
	background:     -ms-linear-gradient(top, #ddc, #ffe);
	background:    -moz-linear-gradient(top, #ddc, #ffe);
	background: -webkit-linear-gradient(top, #ddc, #ffe);
}
#body tr.odd.rf-cst-r {
	background: #fff;
}
#body tr.even.rf-cst-r {
	background: #eee;
}
#body tr.selected.rf-cst-r {
	background: #def;
}

#body .rf-dt-sftr-c span {
	display: block;
	width: initial;
}
#body .rf-dt-sftr-c {
	background: #cdc;
	background:         linear-gradient(top, #bcb, #efe);
	background:      -o-linear-gradient(top, #bcb, #efe);
	background:     -ms-linear-gradient(top, #bcb, #efe);
	background:    -moz-linear-gradient(top, #bcb, #efe);
	background: -webkit-linear-gradient(top, #bcb, #efe);
	text-align: inherit;
}

/**
 * Die folgenden Eigenschaften gelten dem <rich:dataScroller>...
 */
#body *.rf-ds {
	border: none;
}
#body *.rf-ds .rf-ds-nmb-btn,
#body *.rf-ds .rf-ds-btn {
	color: #000;
	border: 1px solid #aaa;
	margin: 1px 2px;
	padding-bottom: 2px;
	background: #ddd;
	background:         linear-gradient(top, #eee, #ddd);
	background:      -o-linear-gradient(top, #eee, #ddd);
	background:     -ms-linear-gradient(top, #eee, #ddd);
	background:    -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-linear-gradient(top, #eee, #ddd);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	font-size: 11px;
}
#body *.rf-ds .rf-ds-act {
	font-weight: normal;
	background: #fff;
	background:         linear-gradient(top, #fff, #eee);
	background:      -o-linear-gradient(top, #fff, #eee);
	background:     -ms-linear-gradient(top, #fff, #eee);
	background:    -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-linear-gradient(top, #fff, #eee);
}

/**
 * Die folgenden Eigenschaften gelten dem <rich:collapsiblePanel>...
 */
#body *.rf-cp {
	border: 1px solid #ccc;
	margin: 5px 0;
	padding: 0;
}
#body *.rf-cp .rf-cp-hdr {
	padding: 2px 2px 2px 0;
	vertical-align: middle;
	border: none;
	border-bottom: 1px solid #ccc;
	background: #eee;
	background:         linear-gradient(top, #ddd, #eee);
	background:      -o-linear-gradient(top, #ddd, #eee);
	background:     -ms-linear-gradient(top, #ddd, #eee);
	background:    -moz-linear-gradient(top, #ddd, #eee);
	background: -webkit-linear-gradient(top, #ddd, #eee);
}
#body *.rf-cp .rf-cp-hdr td {
	vertical-align: middle;
}
#body *.rf-cp .rf-cp-ico-colps {
	margin: 0 6px;
	background-image: url(/EurekaRLPPlus/javax.faces.resource/3rd-Party/Fugue-Icons/chevron.png.xhtml); 
}
#body *.rf-cp .rf-cp-ico-exp {
	margin: 0 6px;
	background-image: url(/EurekaRLPPlus/javax.faces.resource/3rd-Party/Fugue-Icons/chevron-expand.png.xhtml); 
}

/**
 * Die folgenden Eigenschaften gelten dem <rich:calendar>...
 */
#body *.rf-cal {
	margin: 1px 0;
}
#body *.rf-cal * {
    border-color: #ccc;		
    text-align: center;
    vertical-align: middle;
}
#body *.rf-cal *.rf-cal-inp {
    text-align: left;
}
#body *.rf-cal *.rf-cal-btn {
	margin: 2px;
}
#body *.rf-cal *.rf-cal-popup {
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
#body *.rf-cal *.rf-cal-edtr-cntr {
	background: rgba(255,255,255,0.8);
}
#body *.rf-cal *.rf-cal-monthpicker-cnt {
	background: #fff;
}
#body *.rf-cal *.rf-cal-day-lbl {
	background: #eee;
}
#body *.rf-cal *.rf-cal-week {
	background: #eee;
}
#body *.rf-cal *.rf-cal-hdr {
	background: #ddd;
}
#body *.rf-cal *.rf-cal-tl-ftr {
	background: #ddd;
}
#body *.rf-cal *.rf-cal-inp {
	width: 120px !important;
}
#body *.rf-cal *.rf-cal-inp.w80 {
	width: 80px !important;
}

/**
 * Hier geht es um DnD im allgemeinen... 
 */
#body *.rf-drp-hvr {
	/* This class defines styles for the drop target when a dragged item is hovering over it. */
	background: rgba(0,0,0,0.1);
	outline: 1px solid rgba(0,0,0,0.25);
}
#body *.rf-drp-hlight {
	/* This class defines styles for a highlighted drop target. */
}
#body > *.ui-draggable a {
	color: black;
}
#body > *.ui-draggable, /* Nur der CLONE, der direkt am Ende des Body eingesetzt wird! */
#body *.rf-ind {
	/* This class defines styles for the drag indicator. */
	margin-top: 25px; /* Platz für den Mauszeiger... */
	padding: 2px 4px;
	background: rgba(255,255,255,0.9);
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 2px;
	white-space: nowrap;
}
#body *.rf-ind-acpt,
#body *.rf-ind-drag.accept {
	/* This class defines styles for the indicator when it is over an acceptable drop target. */
	background: rgba(200,255,200,0.9);
}
#body *.rf-ind-drag.rejt,
#body *.rf-ind-drag.reject {
	/* This class defines styles for the indicator when it is over an unacceptable drop target. */
	background: rgba(255,200,200,0.9);
}
#body *.rf-ind-drag,
#body *.rf-ind-drag.default {
	/* This class defines styles for the indicator when it is being dragged, and is not over any drop targets. */
}

/**
 * Die folgenden Eigenschaften gelten dem <rich:tree>...
 */
#body *.rf-tr a {
	color: black;
	text-decoration: none;
}
#body *.rf-trn {
	border-radius: 3px;
}
#body *.rf-trn:hover {
	background: #eee;
}
#body *.rf-trn-hnd-lf:before,
#body *.rf-trn-hnd-colps:before, /* [+] Icon... */
#body *.rf-trn-hnd-exp:before {  /* [-] Icon... */
	font-family: 'FontAwesome';
	color: #aaa;
	width: 14px;
	padding-left: 2px;
}
#body *.rf-trn-hnd-lf:hover:before,
#body *.rf-trn-hnd-colps:hover:before,
#body *.rf-trn-hnd-exp:hover:before {
	color: #000;
}
#body *.rf-trn-hnd-lf:before {
	content: "\f0da";
	padding-left: 6px;
}
#body *.rf-trn-hnd-colps:before {  /* [+] Icon... */
	content: "\f055";
}
#body *.rf-trn-hnd-exp:before { /* [-] Icon... */
	content: "\f056";
}
#body *.rf-trn-lbl {
	padding-left: 5px;
}

/**
 * Das gilt für den <rich:tooltip>...
 */
#body *.rf-tt-cntr {
	border: none;
	background: none;
	padding: 0;
}

/**
 * Das gilt für den <rich:accordion>...
 */
#body *.rf-ac-itm {
	margin: 3px 0;
}
#body *.rf-ac-itm-hdr-act {
	background: #8ac;
	background:         linear-gradient(top, #cde, #8ac);
	background:      -o-linear-gradient(top, #cde, #8ac);
	background:     -ms-linear-gradient(top, #cde, #8ac);
	background:    -moz-linear-gradient(top, #cde, #8ac);
	background: -webkit-linear-gradient(top, #cde, #8ac);
}
#body *.rf-ac-itm-hdr-inact {
	background: #ddd;
	background:         linear-gradient(top, #eee, #ddd);
	background:      -o-linear-gradient(top, #eee, #ddd);
	background:     -ms-linear-gradient(top, #eee, #ddd);
	background:    -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-linear-gradient(top, #eee, #ddd);
}

/**
 * Hier geht's um <rich:autocomplete>...
 */
#body *.rf-au {
	background: #def;
	border: 1px solid #bbb;
	border-radius: 2px;
	display: block;
	font-size: inherit;
}
#body *.rf-au-inp {
	padding: 1px;
	height: inherit;
}
#body *.rf-au-lst-cord div div div {
	background: white;
	min-width: 500px;
	max-height: 400px;
}

/**
 * Hier geht's um <rich:progressBar>...
 */
#body *.rf-pb {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
#body *.rf-pb-lbl {
	margin: 5px 10px;
	text-align: left;
	font-size: 12px;
}
#body *.rf-pb-rmng {
	min-width: auto;
	min-height: 20px;
	padding: 2px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
}
#body *.rf-pb-prgs {
    transition-duration: 0.25s; /* flüssiger bewegen... */

	border-radius: 3px;
	background: #fa3;
	background-position: 0 center;
	background-image: url(  );
}