/*CSS Stand 19.02.09 SEAM 2.1.1 ONLY */
/* copyright 2008 www.cocompose.com */

/* This File contains Richfaces-Elements without Table-Controls (see main.css) */

/*		used COLORS - Development
*******************************************************************************


Verwendete Farben:
Weiss:								fff
Gruen:								a3c822
Grau(Text ALT):	7c7c7c
Grau(Back ALT):	494949
Grau(Text NEU):				494848
Grau(Back NEU!): 				2b2d31
Hellgrau(Tabelle NEU!): 		f0f0f0
Hellgrau(Tabelle NEU!): 
*/


/*		Browserspecific Rulse-Library (to remember)
*******************************************************************************
Classes names that define an input field and a button appearance   
See also: http://www.css-hack.de
http://standards.webmasterpro.de
!! IMPORTANT !! Use hacks always in their own rule -> do not combine in one rule

Generic rules
.aCssClass {  
	}

MSIE 6 specific rules (Star-HTML):
* html .aCssClass {
	}
* html divName {
	}

MSIE 7 (Opera 6)specific rules (Star-Plus HTML):
* + html .aCssClass {
	}
* + html divName {
	}
	
MSIE 7 specific rules (Star-Plus HTML):
*:first-child+html .aCssClass {
	}
	

****************************************************************************** */




/*	Rich Table Filtering
******************************************************************************************************** */
.rich-filter-input { /*	Defines styles for a wrapper <div> element of a modalpanel*//*No Effect visible*/
	width: 60px;
	}
/*	END Rich Table Filtering
******************************************************************************************************** */


/*	Modal-Panel
******************************************************************************************************** */

/*Rich ModalPanel  #494848 mittleresGrau: #C4C0B9, HellesGrau:#f0f0f0 Grün:#a3c822*/

.rich-modalpanel { /*	Defines styles for a wrapper <div> element of a modalpanel*//*No Effect visible*/
	}
.rich-mpnl_panel { /*	Defines styles for a modalpanel*/
	}
.rich-mpnl-mask-div { /*	Defines styles for a wrapper <div> element of a mask*/
	background-color:#2b2d31;
	z-index:100;
	}
.rich-mpnl-mask-div { /*	Defines styles for a wrapper <div> element of a mask*/
	opacity: .2; 	  													/* For non IE Browsers */
	}
.rich-mpnl-mask-div { /*	Defines styles for a wrapper <div> element of a mask*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 	/* first! IE8*/
	filter: alpha(opacity=20);											/* second! IE 5-7*/
	}
.rich-mpnl-resizer { /*	Defines styles for a wrapper <div> element of a resizing element*/
	}
.rich-mpnl-shadow { /*	Defines styles for a wrapper <div> element of a mask*/
	background-color:#2b2d31;
	}
.rich-mpnl-shadow { /*	Defines styles for a wrapper <div> element of a mask*/
	opacity: .3; 	  													/* For non IE Browsers */
	}
.rich-mpnl-shadow { /*	Defines styles for a wrapper <div> element of a mask*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 	/* first! IE8*/
	filter: alpha(opacity=30);											/* second! IE 5-7*/
	}
.rich-mpnl-header { /*	Defines styles for a modalpanel header*/
	background-color: #a3c822;
	border: 1px solid #a3c822;
	color: #fff;
	font-size:1.2em;
	line-height:1.5em;
	padding-left: 10px;
	}
.rich-mpnl-header-cell { /*	Defines styles for a header cell*/
	background-color: #a3c822;
	border: 1px solid #a3c822;
	}
.rich-mpnl-text { /*	Defines styles for a wrapper <div> element of a header text*/
	background-color: #a3c822;
	border: 1px solid #a3c822;
	padding-left: 10px;
	color: #fff;
	font-size:1.2em;
	line-height:1.5em;
	padding-left: 10px;
	}
.rich-mpnl-body { /*	Defines styles for a content inside a modalpanel*/
	border: 1px solid #a3c822;
	color: #494848;
	background-color: #fff;
	font-size:1.2em;
	line-height:1.5em;
	z-index:0;
	vertical-align: top;
	}
.rich-mpnl-controls { /*	Defines styles for a wrapper <div> element of a modalpanel control*/
	background-color: #a3c822;
	border: 1px solid #a3c822;
	padding-left: 10px;
	padding-right: 10px;
 	}	

/*	END Modal-Panel
******************************************************************************************************** */



/*	Rich TabPanel (auf home out neu !!!)
******************************************************************************************************** */

 .rich-tabpanel {
	}
 	
.rich-tabpanel-content {
    border-width: 0px 0px 0px 0px;
    background-color: transparent;
 	}
.dr-tbpnl-tbtopbrdr {
	border-top:solid 1px;
}
.dr-tbpnl-tb {
	padding:0px 10px;
	text-align:center;
}
.dr-tbpnl-tbbrdr {
	background-position:center top;
	background-repeat:no-repeat;
}
.dr-tbpnl-tb-act {
	background-position:center top;
	background-repeat:repeat-x;
	border-style:solid;
	border-width:1px 1px 0pt;
	cursor:default;
	padding:0px 10px 0px;
}
.dr-tbpnl-tb-dsbld {
	background-position:center top;
	background-repeat:repeat-x;
	border-style:solid;
	border-width:0px;
	cursor:default;
}
.dr-tbpnl-tbcell-dsbld, .dr-tbpnl-tbcell-inact {
	padding-top:2px;
}
/* inactive tabs */
.dr-tbpnl-tb {
	color:#494848;
	font-family:Arial,Verdana,sans-serif;
	font-size:1em;
}

.dr-tbpnl-tb-act {
	border-color:#fff;
	color:#fff;
}
/* .dr-tbpnl-tb-dsbl {
border-color:#fff;
color:#B1ADA7;
} */
.dr-tbpnl-tb-sel {
	background-position:center top;
	background-repeat:repeat-x;
	border-bottom:0pt none;
	border-style:solid solid none;
	border-width:1px 1px 0pt;
	cursor:default;
}
.dr-tbpnl-tb-dsbl {
	background-position:center top;
	background-repeat:repeat-x;
}
.dr-tbpnl-cntnt-pstn {
	height:100%;
}
/*.dr-tbpnl-tb-sel {
	border-color:#E79A00;
}*/
.dr-tbpnl-tbtopbrdr {
	border-top-color:#c4c0b9;
}
/* contentbereich */
.dr-tbpnl-cntnt {
	background-color:transparent;
	/* border-bottom-color:#C4C0B9; */
	/* border-left-color:#C4C0B9; */
	/* border-right-color:#C4C0B9; */
	color:#494848;
	font-family:Arial,Verdana,sans-serif;
	font-size:1em;
} 
/*.dr-tbpnl-tb-dsbl {
	background-color:#E3DED5;
	background-image:url(/music/a4j_3_1_3.GAorg.richfaces.renderkit.images.TabGradientB/DATB/eAH7....1XuPARQVBZQ_.seam);
}*/

/*inactive tabs*/
.dr-tbpnl-tb-inact {
	background-color:#fff;
	/* background-image:url(/music/a4j_3_1_3.GAorg.richfaces.renderkit.images.TabGradientB/DATB/eAH7....1XuPARQVBZQ_.seam);*/
	background-position:center top;
	background-repeat:repeat-x;
	border-color:#a3c822;
	border-style:solid;
	border-width:1px 1px 0pt;
	cursor:default;
}

/* Überdeckt obere Linie im Content*/
.dr-bottom-line {
	border-bottom:1px solid #a3c822;
}

/*active Tab */
.dr-tbpnl-tb-act {
	background-color:#a3c822;
	/* background-image:url(/music/a4j_3_1_3.GAorg.richfaces.renderkit.images.TabGradientA/DATB/eAG7eu.x....ARLgBZQ_.seam);*/
}

/* .dr-tbpnl-tbbrdr {
	background-image:url(/music/a4j_3_1_3.GAorg.richfaces.renderkit.images.TabStripeImage/DATB/eAHbeeAIAARyAj4_.seam);
} */

/* Rolloverrahmen über TAB */
.dr-tbpnl-tb-sel {
	/*background-image:url(/music/a4j_3_1_3.GAorg.richfaces.renderkit.images.TabGradientB/DATB/eAH7....1XuPARQVBZQ_.seam); */
	border-color:#a3c822;
}




/*	 Rich Suggestion Box
******************************************************************************************************** */
/* auf project myproject - newTrack - Based On-entries ------------------------*/
/* TODO in IE 6 noch hinter dem MP liegend!! */

/*Übergreifendes div*/
.dr-sb-common-container {
	z-index:5000;
	margin-left:450px;
	}
.rich-sb-common-container {
	z-index:5000;
	}
/*div Textbox class*/
.dr-sb-ext-decor-1,
rich-sb-ext-decor-1 {
	z-index:5000;
	background-color:#a3c822;
	border:solid 1px #494848;
	color:#fff;
	font-family:Arial,Verdana,sans-serif;
	font-size:1.2em;
	}
/*div class*/
.dr-sb-ext-decor-2,
rich-sb-ext-decor-2 {
	z-index:4999;
	}
/*table class übergreifend*/
.dr-sb-ext-decor-3,
rich-sb-ext-decor-3 {
	z-index:4999;
	}
/*Shadowbox*/
.dr-sb-shadow  {
	z-index:4999;
	border:none;
	background-color:#494848;
	z-index:4999;
	}
.rich-sb-shadow {
	z-index:4999;
	}
/*div in table class*/
._suggestion_size_ dr-sb-overflow,
.rich-sb-overflow {
	z-index:4999;
	}
dr-sb-int-decor-table,
rich-sb-int-decor-table {
	z-index:4999;
	}
/*tr-class*/
.dr-sb-int,
.rich-sb-int,
.richfaces_suggestionEntry,
.dr-sb-int-sel rich-sb-int-sel {
	z-index:4999;
	}
/*td-class*/
.dr-sb-cell-padding, 
.rich-sb-cell-padding, 
.richfaces_suggestionSelectValue {
	z-index:4999;
	}
	
/*	 END Rich Suggestion Box
******************************************************************************************************** */



/*	Rich Toggle Panel (Project- and Track comments)
******************************************************************************************************** */

.dr-stglpnl-b,
.rich-stglpanel-body {
	background-color:#000;
	border: none;
	}

/* ganzer Hintergrund auch wenn geöffnet*/
.dr-stglpnl,
.rich-stglpanel {
	background-color:transparent;
	border: none;
	}
	
/* Kopfzeile */
.dr-stglpnl-h,
 .rich-stglpanel-header{
	background-color: #2b2d31;
	border: none;
	color: #fff;
	height:16px;
	padding-top:1px;
	padding-bottom:1px;
	}

/* Öffenen/Schliessen-Marker rechts liegt unter dem nächsten */
.dr-stglpanel-marker, 
.rich-stglpanel-marker {
	border: none;
	background-color:transparent;
	}

/* Öffenen/Schliessen-Marker rechts  liegt über dem vorigen */
.dr-stglpnl-m, 
.rich-stglpnl-marker {
	border: none;
	background-color:transparent;
	}

/* Geöffnetes Commentfeld */
.dr-stglpnl-b, 
.rich-stglpanel-body {
	border: none;
	background-color:#fff;
	color: #494848;
	}

/*	END Rich Toggle Panel
******************************************************************************************************** */
	




/* RICH CLENDAR 
******************************************************************************************************** */
/* http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/html/calendar.html#tab_cn3 
*/

/* Classes names that define an input field and a button appearance */
.rich-calendar-input { /*	 	Defines styles for an input field */
	width:100px;
	margin-left:-5px;
	height: 14px;
	z-index:2000;
}
/* MSIE 6 specific rules */
* html .rich-calendar-input { /* Defines styles for an input field */
	width:100px;
	text-indent: 5px;
	height: 14px;
	z-index:2000;
}
/* MSIE 7 specific rules */
/*
*:first-child+html .rich-calendar-input {
	}
*/

.rich-calendar-button { /*		Defines styles for a popup button */
	margin-left: 5px;
	height: 18px;
	z-index:2000;
}


/* Classes names that define a days appearance */
.rich-calendar-days { /*		Defines styles for names of working days in a header */

}
.rich-calendar-weekends { /*	Defines styles for names of weekend in a header */
	color:red;
}
.rich-calendar-week { /*		Defines styles for weeks numbers */
	background-color: #000;
	color: #a3c822;
}
.rich-calendar-today { /*		Defines styles for cell with a current date */
}
.rich-calendar-cell { /*		Defines styles for cells with days */
}
.rich-calendar-holly { /*		Defines styles for holiday */
}
.rich-calendar-select { /*		Defines styles for a selected day */
	border: solid 2px #a3c822;
}
.rich-calendar-hover { /*		Defines styles for a hovered day */
	background-color: #a3c822;
}
	
/* Classes names that define a popup element */
.rich-calendar-popup { /*		Defines styles for a popup element */
}
.rich-calendar-exterior { /*	Defines styles for a popup element exterior */
	margin-top: 5px;
 	border: 1px solid #aaaaaa;
	background-color: #2b2d31;
}
.rich-calendar-tool { /*		Defines styles for toolbars */
}
.rich-calendar-month { /*		Defines styles for names of months */
}
.rich-calendar-header { /*					-optional	Defines styles for an optional header */
}
.rich-calendar-footer-optional { /*			Defines styles for an optional footer */
}
.rich-calendar-header { /*					Defines styles for a header */
}
.rich-calendar-footer { /*					Defines styles for a footer */
}
.rich-calendar-boundary-dates { /*			Defines styles for an active boundary button */
}
.rich-calendar-btn { /*						Defines styles for an inactive boundary date */
}
.rich-calendar-toolfooter { /*				Defines styles for a today control date */
}
	
/* Classes names that define a popup element during quick month and year selection */
.rich-calendar-date-layout { /*				Defines styles for a popup element during quick year selection */
	background-color: #fff;
}
.rich-calendar-editor-layout-shadow { /*	Defines styles for a shadow */
}
.rich-calendar-editor-btn { /*				Defines styles for an inactive boundary date */
	color: #494949;
}
.rich-calendar-date-layout-split { /*		Defines styles for a wrapper <td> element for month items near split line */
	border-right: solid 1px #2b2d31;
}
.rich-calendar-editor-btn-selected { /*		Defines styles for an selected boundary date */
	border: solid 2px #a3c822;
}
.rich-calendar-editor-btn-over { /*			Defines styles for a boundary date when pointer was moved onto */
	background-color: #a3c822;
}
.rich-calendar-editor-tool-over { /*		Defines styles for a hovered toolbar items */
	background-color: #a3c822;
}
.rich-calendar-editor-tool-press { /*		Defines styles for a pressed toolbar items */
}
.rich-calendar-date-layout-ok { /*			Defines styles for a "ok" button */
	background-color: #2b2d31;
}
.rich-calendar-date-layout-cancel { /*		Defines styles for a "cancel" button */
	background-color: #2b2d31;
}

		
/* Classes names that define a popup element during time selection */
.rich-calendar-time-layout { /*		Defines styles for a popup element during time selection */
}
.rich-calendar-editor-layout-shadow { /*	Defines styles for a shadow */
}
.rich-calendar-time-layout-fields { /*		Defines styles for a wrapper <td> element for input fields and buttons */
}
.rich-calendar-spinner-input-container { /*	Defines styles for a wrapper <td> element for an input field */
}
.rich-calendar-spinner-input { /*			Defines styles for an input field */
}
.rich-calendar-spinner-buttons { /*			Defines styles for a wrapper <td> element for spinner buttons */
}
.rich-calendar-spinner-up { /*				Defines styles for a "up" button */
}
.rich-calendar-spinner-down { /*			Defines styles for a "down" button */
}
.rich-calendar-time-layout-ok { /*			Defines styles for a "ok" button */
}
.rich-calendar-time-layout-cancel { /*		Defines styles for a "cancel" button */
}

/* END RICH CALENDAR 
******************************************************************************************************** */







/* START RICH FILE UPLOAD
******************************************************************************************************** */
/*Classes names that define a component representation*/
.rich-fileupload-list-decor { /*	Defines styles for a wrapper <div> element of a fileUpload*/
	border-style: none;
}
.rich-fileupload-font { /*	Defines styles for a font of buttons and items*/
	text-align: center;
}
.rich-fileupload-toolbar-decor { /*	Defines styles for a toolbar*/
	border-style: none;
}
.rich-fileupload-list-overflow { /*	Defines styles for a list of files*/
	border-style: none;
	margin-top: 15px;
}

/*Classes names that define buttons representation*/
.rich-fileupload-button-border { /*	Defines styles for a border of buttons*/
	border-style: none;
}

.rich-fileupload-button { /*	Defines styles for a buttons*/
	background: url(symbuttons/allButtons/AllButtons_white.gif) no-repeat -260px -58px transparent; 		
	color: #494848;
	border-style: none;
	width: 117px;
	height: 16px;
	font-size: 1em;
	text-align: center;
	padding: 0px 0px 2px 0px;
	margin-right: 10px;
}

.rich-fileupload-button-light { /*	Defines styles for a highlight of button*/
	background: url(symbuttons/allButtons/AllButtons_white.gif) no-repeat -260px -78px transparent; 	
	color: #494848;
	border-style: none;
	width: 117px;
	height: 16px;
	font-size: 1em;
	text-align: center;
	padding: 0px 0px 2px 0px;
	margin-right: 10px;
}
.rich-fileupload-button-press { /*	Defines styles for a pressed button*/
	background: url(symbuttons/allButtons/AllButtons_white.gif) no-repeat -260px -78px transparent; 	
	color: #494848;
	border-style: none;
	width: 117px;
	height: 16px;
	font-size: 1em;
	text-align: center;
	padding: 0px 0px 2px 0px;
	margin-right: 10px;
}
.rich-fileupload-button-dis { /*	Defines styles for a disabled button*/
	background: url(symbuttons/allButtons/AllButtons_white.gif) no-repeat -260px -58px transparent; 		
	color: #c0c0c0;
	border-style: none;
	width: 117px;
	height: 16px;
	font-size: 1em;
	text-align: center;
	padding: 0px 0px 2px 0px;
	margin-right: 10px;
}
.rich-fileupload-button-selection { /*	Defines styles for "Upload", "Clean" buttons*/
}
.rich-fileupload-button-content { /*	Defines styles for "Upload", "Clean" buttons*/
}

/*Classes names that define the representation of the buttons' icons*/
.rich-fileupload-ico { /*	Defines styles for an icon*/
}
.rich-fileupload-ico-add { /*	Defines styles for a "Add" button icon*/
	margin-left: 5px;
}
.rich-fileupload-ico-start { /*	Defines styles for a "Upload" button icon*/
	margin-left: 5px;
}
.rich-fileupload-ico-stop { /*	Defines styles for a "Stop" button icon*/
	margin-left: 5px;
}
.rich-fileupload-ico-clear { /*	Defines styles for a "Clear" button icon*/
	margin-left: 5px;
}
.rich-fileupload-ico-add-dis { /*	Defines styles for a disabled "Add" button icon*/
	/* Hier war falscher Wert richtig wäre visibility:visible; */
}
.rich-fileupload-ico-start-dis { /*	Defines styles for a disabled "Upload" button icon*/
	/* Hier war falscher Wert richtig wäre visibility:visible; */
	color: #f0f0f0;
}
.rich-fileupload-ico-clear-dis { /*	Defines styles for a disabled "Clear" button icon*/
	color: #f0f0f0;
}

/*Classes names that define list items representation*/
.rich-fileupload-table-td { /*	Defines styles for a wrapper <td> element of a list items*/
	border-style: none;
	text-align: left;
	height: 10px;
	padding: 0px;
}
.rich-fileupload-anc { /*	Defines styles for "Cancel", "Stop", "Clear" links*/
	display: none;
}
/* END RICH FILE UPLOAD
******************************************************************************************************** */