/* Font Family*/
BODY, 
DIV, 
INPUT,
SELECT,
.iflxJQButton 	{ font-family: Arial,Tahoma,Verdana,Arial,sans-serif; }

/* Round Corners */
INPUT, 
FIELDSET, 
.iflxJQButton, 
.roundCorner 	{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


/* AppIconStyle */
.appIconStyle   {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

/* TH-ImageBackground */
TH 				{background-image: url(images/back_th.png);background-repeat: repeat;}

/* Common */
BODY    { background-color: #E1E5E8; font-size: 9pt; border-width: 1px;}
DIV     { font-size: 11pt; }
DIV.intable {font-size: 9pt;}
Table   { border-width:0px; padding:0px; }
TH      { background-color: #3073b4; text-align: left;  color: #ffffff; font-size: 9pt; padding-left: 5px; padding-right: 5px; }
TD      { text-align: left; background-color: #E1E5E8; color: #000000; font-size: 9pt; padding-left: 5px; }

SELECT,
INPUT  { font-size: 12px;height:auto;border: 1px solid #87888A; }

SELECT:focus,
INPUT:focus {border: 1px solid #468BC5;box-shadow: 0 0 8px rgba(70, 139, 197, 0.6)}

.CHECKBOX { border-width: 0px !important } 
.RADIO    { border-width: 0px !important }

FIELDSET { border-color: #3073b4; border-style: solid; border-width: 1px;padding:9px !important}
LEGEND 	 {color: black;}

A {color:#3073b4; text-decoration: none}

/* Kartei Tagesartenbutton */
img.listTextCardIndexButton {position:relative; top:3px }

/* common login */
div.loginMargin {padding:10px} 

/* new Buttons */ 
.iflxJQButton, .iflxJQButtonTextTD { background-color: #ffffff !important;}
.iflxJQButton  {color: #000000 !important; border: #dcdcdb 1px solid !important; white-space: nowrap; height:20px ; cursor: pointer; }    	
.iflxJQButtonHover, .iflxJQButtonTextTDHover { background-color: #E1E5E8 !important;}
table.iflxJQButtonText {width:100%}
.iflxJQButtonTextTD {font-size: 8pt; text-align:center;}


/* Loading Spinner */
#ffDiv 	       { position:absolute;background-color:#E1E5E8;top:1;left:1;z-index:5000;height:100%;width:100%}
.ffDivDisplay  { display:inline; visibility: visible }

/* Additions in Groupcorrection */
#ffTDDiv { font-size: 20px; color:#3073b4; font-weight: bold }

/* new loader IflxUtil.displayLoader() */
.loaderDiv,.loaderImg { width:220px; height:19px; position:absolute; left:50%; top:50%;  margin:-10px 0 0 -110px; }  
.loaderDiv { background-color:#E1E5E8 ; z-index: 10000; } 
.loaderImg { z-index: 10001; }

/* timeout message in countdown dialog */
.diatexttimewarn { padding-left:20px; }
.diatexttimeout { padding-left:20px; color:red; }

/* Default styles for the button factory */

img[class^="iflxButton"] {cursor:pointer}

.iflxButtonFactoryTextContainerAnchor   { top: 0px; }
.iflxButtonFactoryTextContainerAnchorFF { top: -2px !important; }
.iflxButtonFactoryTextContainerOuter    { text-align : center; cursor : pointer; border-style : none; background-color : transparent }

.iflxButtonFinder 						{ vertical-align:top; }
.iflxButtonWebKitPos					{ vertical-align: -webkit-baseline-middle }
.iflxButtonAbsPosition 					{ position: absolute;top:-3px }

.iflxButtonFactoryTextContainerNormal,
.iflxButtonFactoryTextContainerHover, 
.iflxButtonFactoryTextContainerClicked,
.iflxButtonFactoryTextContainerDisabled { font-weight : normal; vertical-align:middle; text-align:center; background-color:transparent } 

/* FF { position:absolute; top:2px; left:-4px; font-weight : normal; vertical-align:text-bottom; text-align:center; background-color:transparent }*/

.iflxButtonFactoryTextContainerNormal   { color : #303030; cursor : pointer; }
.iflxButtonFactoryTextContainerHover    { color : #3073b4; cursor : pointer; }
.iflxButtonFactoryTextContainerClicked  { color : #000000; cursor : pointer; }
.iflxButtonFactoryTextContainerDisabled { color : #606060; cursor : default; }

.iflxButtonFactoryImageLeft             { width:4px;   height:20px; }
.iflxButtonFactoryImageCenter           { width:113; height:20px; }
.iflxButtonFactoryImageRight            { width:4px;   height:20px; }

.iflxButtonClassicFactoryTextContainerNormal   { font-weight : normal; color : #000000; cursor : pointer; vertical-align:middle; text-align:center; background-color:transparent }
.iflxButtonClassicFactoryTextContainerDisabled { font-weight : normal; color : #606060; cursor : default; vertical-align:middle; text-align:center; background-color:transparent }
.iflxButtonClassicFactoryImageLeft             { width:2;   height:22; }
.iflxButtonClassicFactoryImageCenter           { width:110; height:22; }
.iflxButtonClassicFactoryImageRight            { width:2;   height:22; }

.iflxButtonXPFactoryTextContainerNormal   { font-weight : normal; color : #000000; cursor : pointer; vertical-align:middle; text-align:center; background-color:transparent }
.iflxButtonXPFactoryTextContainerDisabled { font-weight : normal; color : #aca899; cursor : default; vertical-align:middle; text-align:center; background-color:transparent }
.iflxButtonXPFactoryImageLeft             { width:4;   height:22; }
.iflxButtonXPFactoryImageCenter           { width:106; height:22; }
.iflxButtonXPFactoryImageRight            { width:4;   height:22; }

/* Other styles for buttons created with the ButtonFactory */
/* Names of button styles must start with "iflxButton" because of XP/Classic buttons! */
.iflxButtonSmallImageLeft,
.iflxButtonSmallImageCenter,
.iflxButtonSmallImageRight            		{ }
.iflxButtonSmallImageLeft             		{ width:4px;   height:19px; }
.iflxButtonSmallImageCenter           		{ width:2px;  height:19px; }
.iflxButtonSmallImageRight            		{ width:4px;   height:19px; }

.iflxButtonClassicSmallImageLeft            { width:2;   height:22; }
.iflxButtonClassicSmallImageCenter          { width:15;  height:22; }
.iflxButtonClassicSmallImageRight           { width:2;   height:22; }
.iflxButtonXPSmallImageLeft             	{ width:4;   height:22; }
.iflxButtonXPSmallImageCenter           	{ width:11;  height:22; }
.iflxButtonXPSmallImageRight            	{ width:4;   height:22; }

.iflxButtonMediumNormalImageLeft,      	
.iflxButtonMediumNormalImageCenter,    	
.iflxButtonMediumNormalImageRight           {}    	
.iflxButtonMediumNormalImageLeft      		{ width:4px;   height:20px; }
.iflxButtonMediumNormalImageCenter    		{ width:64px;   height:20px; }
.iflxButtonMediumNormalImageRight     		{ width:4px;   height:20px; }

.iflxButtonMediumNormalImage2Left      		{ width:4px;   height:20px; }
.iflxButtonMediumNormalImage2Center    		{ width:64px;  height:20px; }
.iflxButtonMediumNormalImage2Right     		{ width:4px;   height:20px; }

.iflxButtonClassicMediumNormalImageLeft     { width:2px;   height:22px; }
.iflxButtonClassicMediumNormalImageCenter   { width:63px;  height:22px; }
.iflxButtonClassicMediumNormalImageRight    { width:2px;   height:22px; }
.iflxButtonXPMediumNormalImageLeft      	{ width:4px;   height:22px; }
.iflxButtonXPMediumNormalImageCenter    	{ width:59px;  height:22px; }
.iflxButtonXPMediumNormalImageRight     	{ width:4px;   height:22px; }

.iflxButtonMediumWideImageLeft        		{ width:4px;   height:20px; }
.iflxButtonMediumWideImageCenter      		{ width:136px; height:20px; }
.iflxButtonMediumWideImageRight       		{ width:4px;   height:20px; }
.iflxButtonMediumWideImage2Left				{ width:4px;   height:20px; }
.iflxButtonMediumWideImage2Center			{ width:136px; height:20px; }
.iflxButtonMediumWideImage2Right 			{ width:4px;   height:20px; }

.iflxButtonClassicMediumWideImageLeft       { width:2;   height:22; }
.iflxButtonClassicMediumWideImageCenter     { width:131; height:22; }
.iflxButtonClassicMediumWideImageRight      { width:2;   height:22; }
.iflxButtonXPMediumWideImageLeft        	{ width:4;   height:22; }
.iflxButtonXPMediumWideImageCenter      	{ width:127; height:22; }
.iflxButtonXPMediumWideImageRight       	{ width:4;   height:22; }

.iflxButtonDialogHandlerImageLeft     		{ width:1;   height:22; }
.iflxButtonDialogHandlerImageCenter   		{ width:200; height:22; }
.iflxButtonDialogHandlerImageRight    		{ width:1;   height:22; }
.iflxButtonClassicDialogHandlerImageLeft 	{ width:2;   height:22; }
.iflxButtonClassicDialogHandlerImageCenter	{ width:200; height:22; }
.iflxButtonClassicDialogHandlerImageRight 	{ width:2;   height:22; }
.iflxButtonXPDialogHandlerImageLeft			{ width:4;   height:22; }
.iflxButtonXPDialogHandlerImageCenter		{ width:200; height:22; }
.iflxButtonXPDialogHandlerImageRight		{ width:4;   height:22; }

.iflxButtonFactoryImageSmallLeft      		{ width:4px;   height:21px; }
.iflxButtonFactoryImageSmallCenter    		{ width:48px;  height:21px; }
.iflxButtonFactoryImageSmallRight     		{ width:4px;   height:21px; }
.iflxButtonClassicFactoryImageSmallLeft 	{ width:2;   height:22; }
.iflxButtonClassicFactoryImageSmallCenter	{ width:48;  height:22; } 
.iflxButtonClassicFactoryImageSmallRight 	{ width:2;   height:22; }
.iflxButtonXPFactoryImageSmallLeft 			{ width:4;   height:22; }
.iflxButtonXPFactoryImageSmallCenter		{ width:48;  height:22; }  
.iflxButtonXPFactoryImageSmallRight 		{ width:4;   height:22; }

.iflxButtonFactoryImageLargeLeft      		{ width:4px;   height:20px; }
.iflxButtonFactoryImageLargeCenter    		{ width:136px; height:20px; }
.iflxButtonFactoryImageLargeRight     		{ width:4px;   height:20px; }
.iflxButtonFactoryImageLargeWFLeft      	{ width:4px;   height:20px; }
.iflxButtonFactoryImageLargeWFCenter    	{ width:300px; height:20px; }
.iflxButtonFactoryImageLargeWFRight     	{ width:4px;   height:20px; }
.iflxButtonClassicFactoryImageLargeLeft 	{ width:2;   height:22; }
.iflxButtonClassicFactoryImageLargeCenter	{ width:136; height:22; } 
.iflxButtonClassicFactoryImageLargeRight 	{ width:2;   height:22; }
.iflxButtonXPFactoryImageLargeLeft 			{ width:4;   height:22; }
.iflxButtonXPFactoryImageLargeCenter		{ width:136; height:22; }  
.iflxButtonXPFactoryImageLargeRight			{ width:4;   height:22; }

.iflxButtonFactoryImageLongLeft       		{ width:4px;   height:20px; }
.iflxButtonFactoryImageLongCenter     		{ width:156px; height:20px; }
.iflxButtonFactoryImageLongRight      		{ width:4px;   height:20px; }
.iflxButtonClassicFactoryImageLongLeft 		{ width:2;   height:22; }
.iflxButtonClassicFactoryImageLongCenter	{ width:156; height:22; } 
.iflxButtonClassicFactoryImageLongRight 	{ width:2;   height:22; }
.iflxButtonXPFactoryImageLongLeft			{ width:4;   height:22; }
.iflxButtonXPFactoryImageLongCenter 		{ width:156; height:22; } 
.iflxButtonXPFactoryImageLongRight 			{ width:4;   height:22; }

.iflxButtonFactoryImageSmallLowLeft      	{ width:4px;   height:22px; }
.iflxButtonFactoryImageSmallLowCenter    	{ width:48px;  height:22px; }
.iflxButtonFactoryImageSmallLowRight     	{ width:4px;   height:22px; }
.iflxButtonClassicFactoryImageSmallLowLeft 	{ width:2;   height:22; }
.iflxButtonClassicFactoryImageSmallLowCenter{ width:48;  height:22; } 
.iflxButtonClassicFactoryImageSmallLowRight { width:2;   height:22; }
.iflxButtonXPFactoryImageSmallLowLeft 		{ width:4;   height:22; }
.iflxButtonXPFactoryImageSmallLowCenter		{ width:48;  height:22; }  
.iflxButtonXPFactoryImageSmallLowRight 		{ width:4;   height:22; }

.iflxButtonFactoryVisitorSelectLeft     	{ width:4px;   height:26px; }
.iflxButtonFactoryVisitorSelectCenter   	{ width:140px; height:26px; }
.iflxButtonFactoryVisitorSelectRight    	{ width:4px;   height:26px; }
.iflxButtonClassicFactoryVisitorSelectLeft 	{ width:2;   height:22; }
.iflxButtonClassicFactoryVisitorSelectCenter{ width:140; height:22; } 
.iflxButtonClassicFactoryVisitorSelectRight	{ width:2;   height:22; }
.iflxButtonXPFactoryVisitorSelectLeft 		{ width:4;   height:22; } 
.iflxButtonXPFactoryVisitorSelectCenter 	{ width:140; height:22; } 
.iflxButtonXPFactoryVisitorSelectRight 		{ width:4;   height:22; }

.iflxButtonFactoryImageMediumHighLeft           { width:4px; height:22px; }
.iflxButtonFactoryImageMediumHighCenter         { width:85px;height:22px; }
.iflxButtonFactoryImageMediumHighRight          { width:4px; height:22px; }
.iflxButtonClassicFactoryImageMediumHighLeft    { width:2;   height:22; }
.iflxButtonClassicFactoryImageMediumHighCenter  { width:63;  height:22; }
.iflxButtonClassicFactoryImageMediumHighRight   { width:2;   height:22; }
.iflxButtonXPFactoryImageMediumHighLeft         { width:4;   height:22; }
.iflxButtonXPFactoryImageMediumHighCenter       { width:59;  height:22; }
.iflxButtonXPFactoryImageMediumHighRight        { width:4;   height:22; }

.iflxButtonFactoryTextTopMenuNormal   { font-family: Arial; font-weight : bolder; color : #303030; cursor : pointer; vertical-align:middle; text-align:center; background-color:transparent }
.iflxButtonFactoryTextTopMenuHover    { font-family: Arial; font-weight : bolder; color : #000000; cursor : pointer; vertical-align:middle; text-align:center; background-color:transparent }
.iflxButtonFactoryTextTopMenuClicked  { font-family: Arial; font-weight : bolder; color : #000000; cursor : pointer; vertical-align:middle; text-align:center; background-color:transparent }
.iflxButtonFactoryTextTopMenuDisabled { font-family: Arial; font-weight : bolder; color : #606060; cursor : default; vertical-align:middle; text-align:center; background-color:transparent }

/* diese Namensgebung muss die Ausnahme bleiben! */
/* normal Namen immer mit "iflxButton" beginnen lassen wegen XP/Classic Mimik */
.iflxTopMenuButtonFactoryImageLeft      	{ width:4px;   height:24; }
.iflxTopMenuButtonFactoryImageCenter    	{ width:30px;  height:24; }
.iflxTopMenuButtonFactoryImageRight     	{ width:4px;   height:24; }
.iflxTopMenuClassicButtonFactoryImageLeft   { width:2;   height:24; }
.iflxTopMenuClassicButtonFactoryImageCenter { width:30;  height:24; }
.iflxTopMenuClassicButtonFactoryImageRight  { width:2;   height:24; }
.iflxTopMenuXPButtonFactoryImageLeft    	{ width:4;   height:24; }
.iflxTopMenuXPButtonFactoryImageCenter  	{ width:30;  height:24; }
.iflxTopMenuXPButtonFactoryImageRight   	{ width:4;   height:24; }

/* simple button */
a.iflxSimpleBtn,button.iflxSimpleBtn { background-color:white; border: 1px solid grey; border-radius: 4px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
a.iflxSimpleBtnActive,button.iflxSimpleBtnActive { border: 2px solid black; }
button.iflxSimpleBtn:not(.iflxDontHover):hover { background-color: #eeeeee; color: #207ccd; }
                                                             /* light blue */

/* simple button size category */
button.iflxSimpleBtnStandard { font-size:9pt; min-width:120px;}
button.iflxSimpleBtnStandardH20 { font-size:9pt; min-width:100px; height:20px;}
button.iflxSimpleBtnSmall { font-size:9pt; }
button.iflxSimpleBtnSelStandard { font-size:9pt; min-width:144px; max-width:144px;}
button.iflxSimpleBtnSelSmall{ font-size:9pt; min-width:72px; max-width:72px;}

/* Angaben die nur im neuen IE und im Netscape 6 greifen. Bei älteren Browsern wird keine korrekte Anzeige erzeugt! ( Angaben für Formularfelder und Scrollbar ) */
body { }
input.iflxDate      { }
input.iflxTime      { }
input.iflxText      { }
INPUT.iflxTextMandatory	{ background-color:#FFFFC0; }
input.iflxPassword  { }
input.iflxButton    { }
input.iflxWebBookButton    {width:120;}
input.iflxCheckBox  { }
input.iflxVisitorButton { width:140;}
input.iflxIndexButton { width:120; }
input.iflxSignedIndexButton { width:180; }
input.iflxSelectionButton { width:120; font-size:10; height:20 }
input.iflxNewButton { width:58; font-size:10; height:20 }
input.iflxCopyButton { width:58; font-size:10; height:20 }
input.iflxKarteiButton { width:20; }
input.iflxKarteiButtonSmall { width:20;font-size:10; }
input.iflxOpenIntervalButton { width:200; }
input.iflxNavigateButton { width:58; font-size:10; height:20}
input.HolidayButton {background-color:#F7F9FA;font-size: 10pt; border: 1px solid #3073b4; cursor: pointer;}
td.HolidayButton {text-align: center;}
input.iflxYesNoButton { width:50; }

input.iflxClockCorrection { color:blue; }
input.iflxClockSysLeave   { color:green; }
input.iflxReadonly		  { background-color:#E3EAF2;border-color: white; }
input.iflxWebBookReadonly { background-color: #F7F9FA; color: #000000; }


input.iflxSelect                { }
select.iflxSelect               { }
select.iflxForeignSelect        { font-family:  Arial,"Times New Roman",Helvetica,Lucida Console, Consolas; }
input.iflxWithRemark            { color: green; }
input.iflxOverridden      		{ color: darkred; }
select.iflxOverridden      		{ color: darkred; }
input.iflxAccountInputChanged   { color:blue; }


/* ----------------------------------------------------------------------------------------------------------------------- */

/* Spezielle Definitionen für einzelnen Felder, Formulare, Tabellen usw. */
.mainframe      { background-color: #E1E5E8; }
body.cardindex      { background-color: #F7F9FA; }
body.iflxHome      { background-color: #E1E5E8; }
body.selectframe    { background-color: #F7F9FA; margin-top: 1px;}/*E1E5E8*/
body.menueframe     { background-color: #ffffff; margin-left: 0px; }
body.headerframe    { background-color: #ffffff; }
body.buttonframe    { background-color: #C9C9C9; margin: 0px; }

/* Format für die Buttonleiste */
TABLE.iflxButtonleiste  { background-color: #ABABDE; }
TD.iflxButtonleiste     { background-color: #ABABDE; text-align: center; }

/* Format für alle Header in einer Tabelle */
TH.iflxHeader { height: 26px; background-color: #3073b4; }


/* Format für alle editierbaren Daten in einer Tabelle */
TD.iflxModify { height: 26px; }


/* Format für alle readonly-Daten in einer Tabelle */
TD.iflxReadonly     { background-color: #F7F9FA;  border-color: white;border-width: 1px }
TD.iflxReadonlyDate { background-color: #F7F9FA; color: #000000; border-color: white; }
TD.iflxReadonlySmall     { background-color: #E3EAF2; font-size: 8pt; font-weight: bolder;  border-color: white; }


/* Format der Auswahltabelle (oberer Frame) */
TABLE.iflxSelectionTab          { width: 100%; }
TH.iflxSelectionTab             { background-color: #F7F9FA; color: #000000; }
TD.iflxSelectionTab             { background-color: #F7F9FA; }
TD.iflxSelectionTabSelected     { }
TD.iflxSelectionTabNotSelected  { background-color: #A7A7A7; }

/* Format der Neuen Auswahltabelle für MA (oberer Frame, selection_ma.jsp) */
TABLE.iflxSelectionEmpTab          { width: 100%; border-width: 0px !important; }
TABLE.iflxSelectionEmpTabButtons   { position:relative;}
TABLE.iflxSelectionEmpTabButtonsIE { top:-9px }
TR.iflxSelectionEmpTab             { height:10px}
TH.iflxSelectionEmpTab             { }
TD.iflxSelectionEmpTab             { background-color: transparent;}
TD.iflxSelectionEmpTabCenter       { background-color: transparent; text-align: center; }
TD.iflxSelectionEmpTabSelected     { }
TD.iflxSelectionEmpTabNotSelected  { background-color: #A7A7A7; }
input.iflxSelectionEmpTab          {}
input.iflxSelectionEmpTabReadOnly  {}
input.iflxSelectionEmpTabSmall          {font-size: 8pt;}
input.iflxSelectionEmpTabReadOnlySmall  {font-size: 8pt;}
.iflxSelectionEmpTab_submitdummy   { border: 0px !important; }

TD.iflxnewEmp1              {}
TD.iflxnewEmp2              {}
input.iflxnewEmp            {}

/* Format der Neuen Auswahltabelle für Tages-/Wochenprogramme ....(oberer Frame, selection_tp.jsp, selection_wp.jsp,...) */
TABLE.iflxSelectionNoEmpTab          { width: 100%; }
TH.iflxSelectionNoEmpTab             { }
TD.iflxSelectionNoEmpTab             { white-space: nowrap; background-color: #F7F9FA;}
TD.iflxSelectionNoEmpTabCenter       { text-align: center; background-color: #F7F9FA; }
TD.iflxSelectionNoEmpTabSelected     { }
TD.iflxSelectionNoEmpTabNotSelected  { background-color: #A7A7A7; }
input.iflxSelectionNoEmpTab          {}
input.iflxSelectionNoEmpTabReadOnly  {}
.iflxSelectionNoEmp_submitdummy 		 { border: 0px !important; }

/* Format für die Neuanlageseiten Tagesprog., Wochenprog,....*/
TD.iflxnewNoEmp1                  {}
TD.iflxnewNoEmp2                  {}
input.iflxnewNoEmp                {}
input.iflxnewNoEmpReadonly        {color: #aaaaaa;}
.iflxnewNoEmpInfoText             {font-size: 10pt;}
TD.iflxnewNoEmpWeekdays           {}
TD.iflxnewNoEmpWeekdaysInput      {}
input.iflxnewNoEmpWeekdaysInput   {}


/* Format des LoginHeaders (Easy@ministration) (oberer Frame) */
TABLE.iflxEasyHeader    { width: 100%; background-color: #ffffff; }
TABLE.iflxEasyHeaderWebClientLogin  { height:100%;width: 100%; background-color: #ffffff; }
TR.iflxEasyHeader       { font-size: 20pt; background-color: #ffffff; }
TD.iflxEasyHeader       { height:100%;font-size: 40pt; background-color: #ffffff; font-weight: bold }
TD.iflxLangHeader       { font-size: 13pt; text-align:right; background-color: #ffffff; }
font.iflxEasyWcHeader   { color:#3073b4; }

/* Format der Menuleiste (linker Frame) */
TABLE.iflxLogoOuter    { width: 100%; height: 100%; background-color: #ffffff; }
TD.iflxLogoOuter       { background-color: #E1E5E8; text-align: center;}
TABLE.iflxLogoInner    { background-color: #E1E5E8; width:100%}
TD.iflxLogoInner       { background-color: #E1E5E8; text-align: center;}
img.iflxWebClientLogo  { position:relative; top:3px;left:-3px }

/* Format der Menuleiste (linker Frame) */
TABLE.iflxMenueOuter    { width: 100%; height: 100%; background-color: #ffffff; }
TH.iflxMenueOuter       { background-color: #ffffff; text-align: center;}
TD.iflxMenueOuter       { background-color: #ffffff; text-align: center;}
TABLE.iflxMenueInner    { background-color: #ffffff; }
TH.iflxMenueInner       { background-color: #ffffff; text-align: right;}
/* don't remove the style TD.iflxMenueInner because of compatibility (style is used in column.jsp, which is always used in root profile!) */
TD.iflxMenueInner       { background-color: #ffffff; text-align: right;}
TD.iflxMenueInnerMain   { background-color: #ffffff; text-align: right; padding-top: 1; padding-bottom: 1;}
TD.iflxMenueInnerSub    { background-color: #ffffff; text-align: right; padding-top: 1; padding-bottom: 1;}
SPAN.iflxMenueMainEntry { font-family: arial; font-weight: bold; font-size: 10pt; }
SPAN.iflxMenueSubEntry  { font-family: arial; font-weight: normal; font-size: 8pt;  }


/* top menu frame */
.iflxTopMenuBody        { font-family: arial; font-size: 10px;
                          background-color: #E1E5E8;
                          margin: 1px;
                          border: 0px;
                          width: 100%;
                          height: 100%;
                          overflow: hidden;
                          }
.iflxTopMenuToolbar     {
                          overflow: hidden;
                          vertical-align: middle;
                          position: relative;
                          }
.iflxTopMenuCopyright   {
                          position: relative;
                          top: 6px;
                          vertical-align: top;
                          }
.iflxTopMenuTicker      {
						  font-size: 10pt;
						  vertical-align: middle;
						  max-width: 400px;
                        }
.iflxTopMenuActionBtn   { color: red !important}
.iflxTopMenuSeparator   { border-right-color: #ffffff;
                          border-left-color: #808080;
                          border-bottom-color: #ffffff;
                          border-top-color: #808080;
                          margin-top: 2px;
                          margin-left: 4px; margin-right: 4px;
                          width: 1px; height: 20px;
                          background-color: #F7F9FA;
                          vertical-align: top;
                          }


/* Format der Buchungen-Tabelle */
TABLE.iflxBookingsTab       { width: 100%; }
TH.iflxBookingsTab          { height: 26px; background-color: #3073b4; }
TD.iflxBookingsTab          { height: 26px; }
TD.iflxBookingsTabReadonly  { background-color: #F7F9FA; color: #000000; }
SELECT.iflxBookingsTab		{ }


/*DatumsMaske */
TABLE.iflxDateMask  { }
TH.iflxDateMask     { height: 26px; width: 124px; background-color: #3073b4; }
TD.iflxDateMask     { height: 26px; }
.iflxDateMaskRemarkImage {position:relative; top:3px}
.iflxDateMaskInvalidBookingImage {position:relative; top:3px}
TABLE.iflxDateMaskPeriod	{ }
TD.iflxDateMaskPeriod		{ font-weight:bolder; }
TD.iflxDateMaskPeriodLeft		{ }
TD.iflxDateMaskPeriodRight		{ }
.iflxDateMaskPeriodBackForwardText { position:relative; top:-3px; }
.iflxDateMaskPeriodBackForwardImage{ position:relative; top:2px; }

/*mojou*/
TD.iflxDateMaskPeriodMojou			{ color:white; background-image: url(images/back_th.png);background-repeat: repeat; font-weight:bolder; width:330px;  text-align:center}
TD.iflxDateMaskPeriodMojouLeft		{ color:white; background-image: url(images/back_th.png);background-repeat: repeat; font-weight:bolder; width:100px; }
TD.iflxDateMaskPeriodMojouRight		{ color:white; background-image: url(images/back_th.png);background-repeat: repeat; font-weight:bolder; width:100px; }
TD.iflxDateMaskPeriodMojouGoto		{ color:white; background-image: url(images/back_th.png);background-repeat: repeat; font-weight:bolder; width:100px; }
#dateDiv {font-size: 6pt;}
#dateDiv div {font-size: 6pt;}

/*pze weekly*/
TD.iflxDateMaskPeriodPZE			{ color:black; font-weight:bolder; width:250px; text-align:center}
TD.iflxDateMaskPeriodPZELeft		{ color:black; font-weight:bolder; width:100px }
TD.iflxDateMaskPeriodPZERight		{ color:black; font-weight:bolder; width:100px;text-align:right}
TD.iflxDateMaskPeriodPZEGoto		{ color:black; font-weight:bolder; width:90px}
div.iflxDateMaskPeriodPZE           { position:absolute; display:inline; top:20px; left:10px;}



/* Format der Korrektur-Tabelle */
TABLE.iflxCorrectionTab     		{ width: 100%; }
TH.iflxCorrectionTab        		{ height: 26px; background-color: #3073b4; }
TD.iflxCorrectionTab        		{ height: 26px; }
TD.iflxCorrectionTabModify  		{ height: 26px; }
SELECT.iflxCorrectionTab    		{ width: 125; }
SELECT.iflxCorrectionTabbookCostCentre      { width: 175; }
SELECT.iflxCorrectionTabbookCostType        { width: 125; }
SELECT.iflxCorrectionTabbookAbsenceReason   { width: 125; float: left;}
INPUT.iflxCorrectionTabReadonly 	{ background-color:#E1E5E8; }
INPUT.iflxCorrectionTabMandatory	{ background-color:#FFFFC0; }
INPUT.iflxCorrectionTabReadonlyIT   { background-color:#E1E5E8; text-align:right; }
DIV.iflxFineUploaderValidation      { height:14px; width:28px; float:left; margin-left:5px;}
DIV.iflxFineUploaderToggleBtn       { height:14px; width:38px; float:left;}
button.iflxCorrUploadBtn {
    background-color:white; 
    border: 1px solid grey;
    border-radius: 4px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
button.iflxCorrUploadBtn:hover {
	float:left;
    background-color: #eeeeee;
    color: #207ccd;  /* light blue */
}

/* Mehrtägige Korrekturseite */
TABLE.iflxMultiCorrTab				{ }
TH.iflxMultiCorrTab					{ padding-left: 3; padding-right:3; height:26px; background-color: #3073b4; }
TD.iflxMultiCorrTab					{ padding-left: 3; padding-right:3; height:26px; }
TD.iflxMultiCorrTabSelected			{ padding-left: 3; padding-right:3; height:26px; background-color: #F7F9FA; }
INPUT.iflxMultiCorrTab				{ }
INPUT.iflxMultiCorrTabReadonly 		{ background-color:#E1E5E8; }
INPUT.iflxMultiCorrTabReadonlyHL	{ background-color:#E1E5E8; color: red; }
INPUT.iflxMultiCorrTabMandatory		{ background-color:#FFFFC0; }
INPUT.iflxMultiCorrTabReadonlyIT    { background-color:#E1E5E8; text-align:right; }
DIV.iflxMultiCorrTab				{ font-size: 10pt; }
TABLE.iflxMultiCorrInfo				{ }
TH.iflxMultiCorrInfo				{ padding-left: 3; padding-right:3; height:24; width:150; background-color: #3073b4; }
TD.iflxMultiCorrInfo				{ padding-left: 3; padding-right:3; height:24; width:150; }
TABLE.iflxMultiCorrAuth				{ width: 100% }
TH.iflxMultiCorrAuth				{ padding-left: 3; padding-right:3; height:26px; background-color: #3073b4; }
TD.iflxMultiCorrAuth				{ padding-left: 3; padding-right:3; height:24; }

/* Cost Center Change */
TABLE.iflxCCChange				{ }
TH.iflxCCChange					{ height: 26px; }
TD.iflxCCChange1				{ height: 26px; }
TD.iflxCCChange2				{ height: 26px; width:600; }
TD.iflxCCChange3				{ height: 26px; width:120; }
INPUT.iflxCCChangeMandatory		{ background-color:#FFFFC0; }

/* Insert Break */
TABLE.iflxInsertBreak			{ }
TH.iflxInsertBreak				{ height: 26px; }
TD.iflxInsertBreak1				{ height: 26px; }
TD.iflxInsertBreak2				{ height: 26px; width:300; }
INPUT.iflxInsertBreakMandatory	{ background-color:#FFFFC0; }

/* Insert Booking */
TABLE.iflxInsertBooking             { }
TH.iflxInsertBooking                { height: 26px; }
TD.iflxInsertBooking1               { height: 26px; }
TD.iflxInsertBooking2               { height: 26px; width:300; }
INPUT.iflxInsertBookingMandatory    { background-color:#FFFFC0; }

/* Format der Fehlgrund-Tabelle */
TABLE.iflxAbsenceTab      		{ }
TH.iflxAbsenceTab         		{ height: 26px; background-color: #3073b4; }
TD.iflxAbsenceTab         		{ height: 26px; }
TD.iflxAbsenceDate_label  		{ height: 26px; }
TD.iflxAbsenceDate_value  		{ height: 26px; width: 140; }
input.iflxAbsenceInput  		{ color: red; text-align: left; }
INPUT.iflxAbsenceTabMandatory	{ background-color:#FFFFC0; }
SELECT.iflxAbsenceTab   		{ }

/* Kalender */
TABLE.iflxCalendar              { }
TH.iflxCalendar                 { background-image: none !important;font-size: 11pt; text-align: center; background-color: #E1E5E8; color: #000000; }
TD.iflxCalendar                 { font-size: 11pt; }

TABLE.iflxCalendarMonths        { background-color: #E1E5E8; }
TH.iflxCalendarMonths           { font-size: 11pt; text-align: center; }
TD.iflxCalendarMonths           { font-size: 11pt; background-color: #E1E5E8; text-align: center; }

div.iflxCalendar                { }

a.iflxCalendar:link             { color: #3073b4; }
a.iflxCalendar:visited          { color: #3073b4; }
a.iflxCalendar:active           { color: #FF0000; }

a.iflxCalendarMonths:link       { color: #3073b4; }
a.iflxCalendarMonths:visited    { color: #3073b4; }
a.iflxCalendarMonths:active     { color: #FF0000; }

TD.iflxInactiveCalendarMonths   { color: #A2A8D8; font-size: 11pt;}

/* Format des Kalendarinformationsfensters */
TABLE.iflxPopup         { background-color: #333399; width: 200; color: #000000; padding-left: 0; border: 1px solid black; }
TH.iflxPopup            { background-color: #333399; padding-left: 0; }
TD.iflxPopup            { background-color: #333399; padding-left: 0; }

TABLE.iflxPopupHeader   { background-color: #333399; width: 200; color: #000000; padding-left: 0; }
TH.iflxPopupHeader      { background-color: #333399; color: #FFFFFF; padding-left: 0; }
TD.iflxPopupHeader      { background-color: #333399; color: #FFFFFF; padding-left: 0; }

TABLE.iflxPopupBody     { background-color: #99CCFF; width: 200; padding-left: 0; }
TH.iflxPopupBody        { background-color: #99CCFF; color: #000000; padding-left: 0; }
TD.iflxPopupBody        { background-color: #99CCFF; color: #000000; padding-left: 0; }
TD.iflxPopupBodyNS      { background-color: #99CCFF; color: #000000; padding-left: 0; font-size: 12pt; }
font.iflxPopupRequest   { background-color: #99CCFF; font-family: Verdana,Arial,Helvetica; font-size: 8pt; color:green; font-weight:bolder}

TABLE.iflxShadow        { background-color: #000000; width: 200; color: #000000; padding-left: 0; border: 1px solid black; }
TH.iflxShadow           { background-color: #000000; padding-left: 0; }
TD.iflxShadow           { background-color: #000000; padding-left: 0; }

TABLE.iflxShadowHeader  { background-color: #000000; width: 200; padding-left: 0; }
TH.iflxShadowHeader     { background-color: #000000; padding-left: 0; }
TD.iflxShadowHeader     { background-color: #000000; padding-left: 0; }

TABLE.iflxShadowBody    { background-color: #000000; width: 200; padding-left: 0; }
TH.iflxShadowBody       { background-color: #000000; padding-left: 0; }
TD.iflxShadowBody       { background-color: #000000; padding-left: 0; }

#PTT                    { font-family: Verdana,Arial,Helvetica; font-size: 8pt; }
#PST                    { font-family: Verdana,Arial,Helvetica; font-size: 7pt; }


/* Format der Journal-Tabelle */
TABLE.iflxJournalTab    { }
TH.iflxJournalTab       { height: 26px; width: 124; }
TD.iflxJournalTab       { }
INPUT.iflxJournalTab    { }
SELECT.iflxJournalTab   { }

.plijournalparamDefault { width: 60ch;}

/* Format der Report-Tabelle */
TABLE.iflxReportTab   { }
TH.iflxReportTab      { height: 26px; width: 124; }
TD.iflxReportTab      { }
INPUT.iflxReportTab   { }
SELECT.iflxReportTab  { }

/* Format der Unregelmäßigkeiten-Tabelle */
TABLE.iflxIrregularityTab   { width: 100%; }
TH.iflxIrregularityTab      { }
TD.iflxIrregularityTab      { background-color: #F7F9FA; }

table.iflxIrregularityTab thead div { font-size: 9pt }
table.iflxIrregularityTab thead tr th.iflxIrregularityTab-th { color:white; background-image: url(images/back_th.png); background-repeat: repeat-x;}
.iflxIrregMask-div-checkall { font-size:9pt; padding-top:10px; padding-left:40px;}
.iflxIrregMask-div-closechecked { padding-top:5px; padding-left:40px;}

table.iflxIrregularityTab thead tr th.ui-state-default .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png);} 
table.iflxIrregularityTab thead th { border-bottom: 1px solid #3979b7;}

/* Format der Quittierungs-Festers */
TABLE.iflxQuitTab   { width: 100%; }
TH.iflxQuitTab      { }
TD.iflxQuitTab      { background-color: #F7F9FA; }

/* KontenMaske  ( iflxAccountMainFirst ist wegen width Angabe notwendig )*/
TABLE.iflxAccountTab      		{ }
TH.iflxAccountTabFirst    		{ height: 26px; width: 28%; background-color: #3073b4; }
TH.iflxAccountTab         		{ height: 26px; padding-right: 10; background-color: #3073b4; }
TH.iflxAccountTabWithDelFirst   { height: 26px; width: 200px; background-color: #3073b4; }
TH.iflxAccountTabWithDel        { height: 26px; padding-right: 10; background-color: #3073b4; width: 80px; }
TH.iflxAccountTabWithDel2       { height: 26px; padding-right: 10; background-color: #3073b4; width: 50px; }
TD.iflxAccountTab         		{ height: 24; font-family: Arial, Consolas,Helvetica,sans-serif; }
TD.iflxAccountTabReadOnly 		{ height: 24; background-color: #F7F9FA; font-family: Arial, Consolas,Helvetica,sans-serif; padding-right: 10; }
TD.iflxAccountTabModify   		{ height: 24; font-family: Arial, Consolas,Helvetica,sans-serif; padding-right: 10; }
TD.iflxAccountTabInter    		{ height: 2; }
INPUT.iflxAccountTabMandatory	{ background-color:#FFFFC0; }

/* KontenMaske (mit Comboboxen) */
TABLE.iflxAccountComboTabOuter  { }
TD.iflxAccountComboTabOuter     { width: 450px; }
TABLE.iflxAccountComboTabInner  { }
TD.iflxAccountComboTabInner1    { width: 120px; }
TD.iflxAccountComboTabInner2    { width: 140px; }
TD.iflxAccountComboTabInner3    { width: 170px; }
SELECT.iflxAccountComboTab      { width: 110px; }
INPUT.iflxAccountComboTab       { }

/* PKontenMaske  ( iflxAccountMainFirst ist wegen width Angabe notwendig )*/
TABLE.iflxPAccountTab      { }
TH.iflxPAccountTabFirst    { height: 26px; width: 28%; background-color: #3073b4; }
TH.iflxPAccountTab         { height: 26px; padding-right: 10; background-color: #3073b4; }
TD.iflxPAccountTab         { height: 24; font-family: Arial, Consolas,Helvetica,sans-serif; }
TD.iflxPAccountTabReadOnly { height: 24; background-color: #F7F9FA; font-family: Arial, Consolas,Helvetica,sans-serif; padding-right: 10;}
TD.iflxPAccountTabModify   { height: 24; font-family: Arial, Consolas,Helvetica,sans-serif; padding-right: 10; }
TD.iflxPAccountTabInter    { height: 2; }

TH.iflxPAccountDate { height: 26px; width: 124; background-color: #3073b4; }
TD.iflxPAccountDate { height: 26px; }

/* KontenMaske  ( bei Get-Servlet )*/
TABLE.iflxAccountTabGet      { }
TH.iflxAccountTabFirstGet    { height: 26px; width: 28%; }
TH.iflxAccountTabGet         { height: 26px; padding-right: 10; }
TD.iflxAccountTabGet         { height: 24; font-family: Arial, Consolas,Helvetica,sans-serif; }
TD.iflxAccountTabReadOnlyGet { height: 24; background-color: #F7F9FA; font-family: Arial, Consolas,Helvetica,sans-serif; padding-right: 10; }
TD.iflxAccountTabInterGet    { height: 2; }
TH.iflxAccountPrt		  	 { height: 20; padding-left: 3; padding-right: 3; }
TD.iflxAccountPrt  	 		 { height: 20; padding-left: 3; padding-right: 3; background-color: #F7F9FA; }

/* Format der Lampentableau-Tabelle ( iflxLampTableClearTab erzeugt Spalte zwischen den beiden Listen ) */
TABLE.iflxLampTableTab          { width: 100% }
TH.iflxLampTableTab             { color: #3073b4; background-color: #E1E5E8; }
TD.iflxLampTableTab             { background-color: #F7F9FA; color: black; }
TD.iflxLampTableClearTab        { width: 50; }

TABLE.iflxLampTableSelectionTab { width: 100% }
TH.iflxLampTableSelectionTab    { font-weight: bold; }
TD.iflxLampTableSelectionTab    { text-align: right; }

A.iflxLampTableTab              { color: black; }


/* LamptableMask2 */
TABLE.iflxLampTableTab2          { border-collapse:collapse  }
TH.iflxLampTableTab2             { border:1px solid gray; border-bottom-width:2px;border-bottom-style: solid gray;background-color: #F7F9FA; color: #FFFFFF; }
TD.iflxLampTableTab2             {border-left:1px solid gray;  border-right:1px solid gray; border-bottom:1px solid gray; background-color: #F7F9FA; color: black;font-size:8pt; }
TD.iflxLampTableClearTab2        { width: 50; }

TABLE.iflxLampTableSelectionTab2 { width: 100% }
TH.iflxLampTableSelectionTab2    { font-weight: bold; }
TD.iflxLampTableSelectionTab2    { text-align: right; }

div.iflxLampTableHeaderOuter2    { position:relative;width:98%;height:35px;overflow-x:hidden;overflow-y:hidden}
div.iflxLampTableHeader2 	     { font-weight:bold; font-size:10pt; text-align: left; width:100%}
div.iflxLampTableSelect2 	     { font-weight:bold; font-size:10pt; text-align: left; width:20%}
td.iflxLampTableAllGroups2       { text-align:center;  border:1px solid gray;  background-color: #F7F9FA;}
select.iflxLampSelect            { font-family: Arial; font-size: 9pt; }
A.iflxLampTableTab2              { color: #FFFFFF; text-decoration:none; }
th.iflxLampTableGroup2		     { border-bottom:0px solid gray;border-left:1px solid gray; border-top: 0px solid gray;background-color: #F7F9FA; color: #FFFFFF;}
th.iflxLampTableGroupArrow2		 { border-bottom:0px solid gray;border-right:1px solid gray; border-top: 0px solid gray;background-color: #F7F9FA; color: #FFFFFF; text-align:right}
.hiddenClass					 { visibility:hidden; display:none}
tr.iflxLampTable2        		 { }
tr.iflxLampTable2Hidden 		 { visibility:hidden; display:none }
img.ajaxLoader					 { position:absolute;top:10;left:10;z-index:1000;display:none;visibility:hidden }
.iflxLampTableTimeStamp2         { font-family: Arial; font-size: 8pt;}
img.iflxLampTableOpenPage		 { cursor: pointer;}


/* Format des Fehlzeitkalenders */
TABLE.iflxAbsenceCalendar       { border-collapse: collapse }
TH.iflxAbsenceCalendar          { text-align: left; background-color: #3073b4; font-size: 8pt; height: 19pt; padding-left: 1; color: #ffffff; width: 60pt; }
TH.iflxAbsenceCalendarDays      { text-align: center; background-color: #3073b4; font-size: 8pt; height: 19pt; padding-left: 1; color: #ffffff; width: 60pt; }
TD.iflxAbsenceCalendar          { color:#000000; text-align: center; font-size: 8pt; height: 19pt; padding-left: 1px; width: 60pt; }
TD.iflxAbsenceCalendarInner     { color:#000000; text-align: center; font-size: 8pt; padding-left: 1; width: 60pt; border:0px}
TD.iflxAbsenceCalendarIsam      { text-align: center; font-size: 7pt; height: 100%; padding-left: 1px; width: 60pt; }
TD.iflxAbsenceCalendarIsamNS    { text-align: center; font-size: 8pt; height: 9pt; padding-left: 1; width: 60pt; }
TH.iflxAbsenceCalendarIndex     { background-image: none; background-color: #E1E5E8; color: #3073b4; font-size: 8pt; height: 18pt; padding-left: 1; }
TD.iflxAbsenceCalendarIndex     { font-size: 8pt; height: 12pt; padding-left: 1; }
TD.iflxAbsenceCalendarPresent		{ text-align: center; font-size: 8pt; height: 19pt; padding-left: 1; width: 60pt; background-color:green; }
TD.iflxAbsenceCalendarIsamPresent	{ text-align: center; font-size: 7pt; height: 9pt; padding-left: 1; width: 60pt; background-color:green; }
TD.iflxAbsenceCalendarIsamInner     { font-size: 7pt; padding:0px; text-align: center;}   /* Schriftgroesse Fehlgrund-Kuerzel */
TD.iflxAbsenceCalendarIsamPresentInner { font-size: 7pt; padding:0px; text-align: center;} /* Schriftgroesse Fehlgrund-Kuerzel */
TD.iflxAbsenceCalendarOutOfCorrection {font-size: 8pt; border: gray 1px solid;} 

TH.iflxAbsenceCalendarAcc       { background-color: #A0A064; font-size: 8pt; height: 19pt; padding-left: 1; color: #000000; width: 60pt; }
TD.iflxAbsenceCalendarAcc		{ background-color: #C8C896; font-size: 8pt; height: 19pt; padding-left: 1; color: #000000; width: 60pt; }

a.iflxAbsenceCalendar:link      { text-decoration: none; }
a.iflxAbsenceCalendar:visited   { text-decoration: none; }
a.iflxAbsenceCalendar:active    { text-decoration: none; }

th.abscalendarPrintHdr		{ height: 16; background-color: #3073b4; }


/* Format des Abteilungsfehlzeitkalenders */
.iflxDepcalendarDateHeadCellSize  {min-width: 26px !important; max-width:26px;} /* adjust this class to change the width of the cells */

TABLE.iflxDepAbsenceCalendar        { }
TH.iflxDepAbsenceCalendarIsam       { background-color: #3073b4; font-weight: bolder !important; font-size: 8pt !important; height: 29px; padding-left: 2px !important; color: #ffffff; vertical-align: middle !important}
TH.iflxDepAbsenceCalendar           { background-color: #3073b4; font-size: 8pt; height: 29px; padding-left: 1; color: #ffffff;  width: 60pt; }
TH.iflxDepAbsenceCalendarHiddenEdge { background-image: none !important; background-color: #E1E5E8 }
TH.iflxDepAbsenceCalendarDays       { text-align: center; background-color: #3073b4; font-weight: bolder !important; font-size: 8pt !important; height: 20pt; padding-left: 1; color: #ffffff;  width: 60pt; min-width:30px; vertical-align: middle !important }
TD.iflxDepAbsenceCalendar           { text-align: center; font-size: 8pt !important; height: 29px; padding-left: 1;  width: 60pt; vertical-align: middle !important}
TD.iflxDepAbsenceCalendarInner      { text-align: center; font-size: 8pt !important; width: 60pt; padding: 0px; }
TD.iflxDepAbsenceCalendarNoFG       { text-align: center; font-size: 8pt !important; height: 29px; padding-left: 1;  width: 60pt; vertical-align: middle !important}
TD.iflxDepAbsenceCalendarIsam       { text-align: center; font-size: 7pt !important; height: 14px; width: 60pt; padding-left: 1; vertical-align: middle !important}
TD.iflxDepAbsenceCalendarIsamInner  { text-align: center; font-size: 7pt !important; width: 60pt; padding: 0px; }
TH.iflxDepAbsenceCalendarMonth      { background-color: #3073b4; font-weight: bolder !important; font-size: 8pt !important; height: 18pt; padding-left: 6px !important; color: #ffffff; vertical-align: middle !important }
TH.iflxDepAbsenceCalendarMonthBorder,
TH.iflxDepAbsenceCalendarDaysBorder { border-right: 1px solid #E1E5E8 }
TD.iflxDepAbsenceCalendarMonth      { text-align: center; font-size: 8pt; height: 18pt; padding-left: 1; }
TH.iflxDepAbsenceCalendarIndex      { background-image: none !important; background-color: #E1E5E8; color: #3073b4; font-size: 8pt; height: 18pt; padding-left: 1; }
TD.iflxDepAbsenceCalendarIndex      { font-size: 8pt; height: 12pt; padding-left: 1; }
TD.iflxDepAbsenceCalendarBAktive    { text-align: center; vertical-align: middle; color: #3073b4; font-weight: bold; }
TD.iflxDepAbsenceCalendarBInAktive  { text-align: center; vertical-align: middle; color: #3073b4; font-weight: bold; }
TH.iflxDepAbsenceCalendarSum        { background-color: #3073b4; font-size: 8pt; height: 20pt; padding-left: 1; color: #FFFFFF; }
TD.iflxDepAbsenceCalendarSum        { background-color: #A0A0A0; text-align: center; font-size: 8pt; font-weight: bold; height: 20pt; padding-left: 1; }
TD.iflxDepAbsenceCalendarPresent        { text-align: center; font-size: 8pt !important; height: 28px; padding-left: 1; background-color:green; vertical-align: middle !important}
TD.iflxDepAbsenceCalendarIsamPresent    { text-align: center; font-size: 7pt !important; height: 14px; padding-left: 1; background-color:green; vertical-align: middle !important}
.iflxDepAbsenceCalendarResizeFrame  { cursor:move; border-right:0; border-top:0; border-bottom:0; border-left:2; border-style:solid; color: #3073b4}

p.iflxDepAbsenceCalendarDays      { width:26px; min-width:26px; max-width:26px; margin:0; padding:0 }   /* adjust this class to change the width of the cells */
a.iflxDepAbsenceCalendar:link       { text-decoration: none; }
a.iflxDepAbsenceCalendar:visited    { text-decoration: none; }
a.iflxDepAbsenceCalendar:active     { text-decoration: none; }

th.depcalendarPrintHdr		    { height: 16; background-color: #3073b4; }
table.depcalendarPrintPeriod    { }
td.depcalendarPrintPeriod       { font-size: 10pt; height: 28px; }

table.monthtable 			{ background-color: white; border-style:solid;}
td.monthtable 				{ background-color: white; border-style:solid; border: 1px;font-size: 14px; text-align: center; padding-left: 4px;width: 25px;font-weight: bold;top:-1px }
td.monthtableSelectable 	{ cursor: pointer; color: black }
td.monthtableNotSelectable 	{ color: #dddddd }
td.currentMonth				{ color:white; background-color:  #3073b4;}


/* Format derWorkflow Antrags-Tabelle */
TABLE.iflxWfRequestTab			{ }
TH.iflxWfRequestTab				{ height: 26px; }
TD.iflxWfRequestTab				{ background-color: #F7F9FA; }
TD.iflxWfRequestTabModify		{ }
TD.iflxWfRequestTabSelect		{ background-color: #E1E5E8; }	  /*oberste Zeile (Select-Boxen)*/
SELECT.iflxWfRequestTabSelect	{ }
TD.iflxWfRequestTabBC           { background-color: #F7F9FA; width:12px; }


/* Format der Workflow Systemadministrator-Seite (Selektionsbereich, Tabelle ist in footable.webclient.css) */
TABLE.iflxWfAdminSelect         { }
TH.iflxWfAdminSelect            { height: 28px; width: 150px; }
TD.iflxWfAdminSelect            { }
SELECT.iflxWfAdminSelect        { }
INPUT.iflxWfAdminSelect         { }
TH.iflxWfAdminAction            { height: 28px; width: 150px; }
TD.iflxWfAdminAction            { }
INPUT.iflxWfAdminAction         { }


/* Format der Workflow-Korrekturantrags-Tabelle */
TABLE.iflxCorrRequestTab        { }
TH.iflxCorrRequestTab           { height: 26px; width: 30%; text-align: left; }
TD.iflxCorrRequestTabReadonly   { height: 26px; background-color: #F7F9FA; }
TD.iflxCorrRequestTabModify     { height: 26px; }
TD.iflxCorrRequestTabSpace      { height: 12px; }


/* Format der Workflow-Fehlzeitantrags-Tabelle */
TABLE.iflxAbsenceRequestTab         { }
TH.iflxAbsenceRequestTab            { height: 26px; width: 30%; text-align: left; }
TD.iflxAbsenceRequestTabReadonly    { height: 26px; background-color: #F7F9FA; }
TD.iflxAbsenceRequestTabModify      { height: 26px; }
TD.iflxAbsenceRequestTabSpace       { height: 12px; }


/* Format der Workflow-Berechtigungsantrags-Tabelle */
TABLE.iflxAuthorizationRequestTab       { }
TH.iflxAuthorizationRequestTab          { height: 26px; width: 30%; text-align: left; }
TD.iflxAuthorizationRequestTabReadonly  { height: 26px; background-color: #F7F9FA; }
TD.iflxAuthorizationRequestTabModify    { height: 26px; }
TD.iflxAuthorizationRequestTabSpace     { height: 12px; }


/* Format der Workflow-Kontokorrekturantrags-Tabelle */
TABLE.iflxAccountRequestTab         { }
TH.iflxAccountRequestTab            { height: 26px; width: 30%; text-align: left; }
TD.iflxAccountRequestTabReadonly    { height: 26px; background-color: #F7F9FA; }
TD.iflxAccountRequestTabModify      { height: 26px; }
TD.iflxAccountRequestTabSpace       { height: 12px; }


/* Format der Workflow-Unregelmäßigkeitantrags-Tabelle */
TABLE.iflxIrregRequestTab       { }
TH.iflxIrregRequestTab          { height: 26px; width: 30%; text-align: left; }
TD.iflxIrregRequestTabReadonly  { height: 26px; background-color: #F7F9FA; }
TD.iflxIrregRequestTabModify    { height: 26px; }
TD.iflxIrregRequestTabSpace     { height: 12px; }


/* Format der Workflow-Umplanungsantrags-Tabelle */
TABLE.iflxReschedulingRequestTab		{ }
TH.iflxReschedulingRequestTab			{ height: 26px; width: 30%; text-align: left; }
TD.iflxReschedulingRequestTabReadonly	{ height: 26px; background-color: #F7F9FA; } 
TD.iflxReschedulingRequestTabModify		{ height: 26px; }
TD.iflxReschedulingRequestTabSpace      { height: 12px; }


/* Format der Workflow-Umplanungsantrags-Tabelle */
TABLE.iflxWtconfirmationRequestTab		{ }
TH.iflxWtconfirmationRequestTab			{ height: 26px; width: 30%; text-align: left; }
TD.iflxWtconfirmationRequestTabReadonly	{ height: 26px; background-color: #F7F9FA; } 
TD.iflxWtconfirmationRequestTabModify	{ height: 26px; }
TD.iflxWtconfirmationRequestTabSpace    { height: 12px; }


/* Format der Terminalliste */
TABLE.iflxTerminalList  { }
TH.iflxTerminalList     { height: 26px; }
TD.iflxTerminalList     { height: 26px; }
TD.iflxTerminalList     { height: 26px; background-color: #F7F9FA; }
TABLE.iflxTerminalListSel	{ width: 95% }
TD.iflxTerminalListSel		{ text-align: right; }
SELECT.iflxTerminalListSel	{ }

/* Format der Umplanungsmaske */
TABLE.iflxResheduling   { }
TH.iflxResheduling      { height: 26px; width: 124; }
TD.iflxResheduling      { height: 26px; }
select.iflxResheduling  { width: 280; }
select.iflxReshedulingOverridden  { width: 280; color: darkred; }

/* Format von Auswahl Besucher,Firma und Zutrittsmodelle */
TABLE.iflxVisSelect             { }
TH.iflxVisSelect                { height: 10; font-size: 8pt; }
TD.iflxVisSelect                { height: 10; font-size: 8pt; }
TD.iflxVisSelectReadOnly        { height: 10; font-size: 8pt; background-color: #F7F9FA; color: #000000;}
TD.iflxVisSelectReadOnlyStatus  { height: 10; font-size: 8pt; background-color: #F7F9FA; color: #ff0000;}

/* Format der Korrekturbemerkungsmaske*/
TABLE.iflxRemarkTab             { width: 100%; }
TH.iflxRemarkTab                { height: 26px; }
TH.iflxRemarkTabDelete          { height: 26px; text-align: center;  }
TD.iflxRemarkTabReadonlyDelete  { background-color: #F7F9FA; color: #000000; text-align: center; }
TD.iflxRemarkTab                { font-weight: bold; height: 26px;}
TD.iflxRemarkTabButton          { text-align: center; height: 26px; }
TD.iflxRemarkTabReadonly        { background-color: #F7F9FA; color: #000000; height: 20; }

/* Format der Maske für ungültige Buchungen*/
TABLE.invalidBookTab             { width: 100%; }
TH.invalidBookTab                { height: 26px; }
TH.invalidBookDelete             { height: 26px; text-align: center;  }
TD.invalidBookReadonlyDelete     { background-color: #F7F9FA; color: #000000; text-align: center; }
TD.invalidBookTab                { font-weight: bold; height: 26px;}
TD.invalidBookTabButton          { text-align: center; height: 26px; }
TD.invalidBookTabReadonly        { background-color: #F7F9FA; color: #000000; height: 20; }

/* Konten-Eingabemaske */
TABLE.iflxAccountInputTab               { width: 100%; }
TABLE.iflxAccountInputTabLeft		{ width: 100%; }
TABLE.iflxAccountInputTabSelect		{ }
TH.iflxAccountInputTabTop		{ height: 24; }
TH.iflxAccountInputTabLeftWD		{ height: 24; width: 124; color: #FFFFFF; }
TH.iflxAccountInputTabLeftNoWD		{ height: 24; width: 124; color: #000000; }
TH.iflxAccountInputTabSelect		{ height: 26px; width: 124; }
TD.iflxAccountInputTab			{ height: 24; text-align: center; }
TD.iflxAccountInputTabModify		{ height: 24; text-align: center; font-family: Arial, Consolas,Helvetica,sans-serif; padding-right: 3; }
TD.iflxAccountInputTabReadOnly		{ height: 24; text-align: center; font-family: Arial, Consolas,Helvetica,sans-serif; padding-right: 3; background-color: #F7F9FA; }
TD.iflxAccountInputTabReadOnlyChanged	{ height: 24; text-align: center; font-family: Arial, Consolas,Helvetica,sans-serif; padding-right: 3; background-color: #F7F9FA; color: blue; }
TD.iflxAccountInputTabSelect		{ height: 26px; }

/* Monatsjournal / Quickjournal mit JSP */

TH.iflxMojouHdrMain			{ height: 22; padding-left: 3; padding-right: 3; }
TH.iflxMojouHdrMainRight	{ height: 22; padding-left: 3; padding-right: 3; text-align: right; }
TH.iflxMojouHdr				{ height: 22; padding-left: 3; padding-right: 3; text-align: center; }
TH.mojouheader              { height: 22px;}
TH.iflxMojouHdrRight    	{ height: 22; padding-left: 3; padding-right: 3; text-align: right; }
TH.iflxMojouWf				{ height: 22; padding-left: 3; padding-right: 3; width:130; }
TD.iflxMojouTab1			{ height: 19px; padding-left: 3; padding-right: 3; text-align: center; }
TD.iflxMojouTab2			{ height: 19px; padding-left: 3; padding-right: 3; text-align: center; background-color: #F7F9FA; }
TD.iflxMojouTab1Right		{ height: 19px; padding-left: 3; padding-right: 3; text-align: right; }
TD.iflxMojouTab2Right		{ height: 19px; padding-left: 3; padding-right: 3; text-align: right; background-color: #F7F9FA; }
DIV.iflxMojou				{ font-size: 9pt; }
DIV.iflxMojouDate           { font-size: 9pt; text-align: right; }
DIV.iflxMojouTime           { font-size: 9pt; text-align: right; }
INPUT.iflxMojouMandatory	{ background-color:#FFFFC0; }
.iflxMojouAddTgWertField1   { font-size: 8pt; }
table.iflxMojouContent		{ position:relative;top:-2px }
div.iflxMojouDataDiv		{ position:relative;top:-7px }
TD.iflxMojou_date_abs_corrTab1,
TD.iflxMojou_date_abs_corrTab2 { padding-left: 0px; padding-right:0px; padding-top:2px; padding-bottom:2px; text-align: left }
TD.iflxMojou_date_abs_corrTab2 { background-color: #F7F9FA;}


TH.iflxMojouPrtHdrMain		{ height: 20; padding-left: 3; padding-right: 3; }
TH.iflxMojouPrtHdrMainRight	{ height: 20; padding-left: 3; padding-right: 3; text-align: right; }
TH.iflxMojouPrtHdr			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; }
TH.iflxMojouPrtHdrRight    	{ height: 16; padding-left: 3; padding-right: 3; text-align: right; }
TD.iflxMojouPrtTab1			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; }
TD.iflxMojouPrtTab2			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; background-color: #F7F9FA; }
TD.iflxMojouPrtTab1Right	{ height: 16; padding-left: 3; padding-right: 3; text-align: right; }
TD.iflxMojouPrtTab2Right	{ height: 16; padding-left: 3; padding-right: 3; text-align: right; background-color: #F7F9FA; }
DIV.iflxMojouPrt			{ font-size: 8pt; }
DIV.iflxMojouDatePrt        { font-size: 8pt; text-align: right; }
DIV.iflxMojouTimePrt        { font-size: 8pt; text-align: right; }
.iflxMojouPrtAddTgWertField1{ font-size: 8pt; text-align: right; }
TD.iflxMojou_date_abs_corrPrtTab1,
TD.iflxMojou_date_abs_corrPrtTab2 { padding-left: 0px; padding-right:0px; padding-top:2px; padding-bottom:2px; text-align: left; font-size: 8pt;}
TD.iflxMojou_date_abs_corrPrtTab2 { background-color: #F7F9FA;}

SPAN.iflxMojouMissing       { color: red; }
SPAN.iflxMojouBookSource1   { color: blue; }
SPAN.iflxMojouBookSource2   { color: green; }
SPAN.iflxMojouSpecial       { color: olive; }

/*oetker Link*/
DIV.iflxMojouOetkerLink		    { cursor:hand; color:blue; text-decoration:underline;font-size: 10pt; }
DIV.iflxMojouOetkerLinkVisited	{ cursor:hand; color: #9000A9; text-decoration:underline;font-size: 10pt;  }


/* united Monatsjournal  */
TH.iflxMojouUnitedHdrMain		{ height: 22; padding-left: 3; padding-right: 3; }
TH.iflxMojouUnitedHdrMainRight	{ height: 22; padding-left: 3; padding-right: 3; text-align: right; }
TH.iflxMojouUnitedHdr			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; }
TH.iflxMojouUnitedHdrRight    	{ height: 16; padding-left: 3; padding-right: 3; text-align: right; }
TH.iflxMojouUnitedWf			{ height: 16; padding-left: 3; padding-right: 3; width:130; }
TD.iflxMojouUnitedTab1			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; background-color: #a0b8dc; }
TD.iflxMojouUnitedTab2			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; background-color: #F7F9FA; }
TD.iflxMojouUnitedTab1Right		{ height: 16; padding-left: 3; padding-right: 3; text-align: right; background-color: #a0b8dc;}
TD.iflxMojouUnitedTab2Right		{ height: 16; padding-left: 3; padding-right: 3; text-align: right; background-color: #F7F9FA; }
DIV.iflxMojouUnited				{ font-size: 8pt; }
INPUT.iflxMojouUnitedMandatory	{ background-color:#FFFFC0; }
TD.iflxMojouUnitedTab1Left	{ height: 22; padding-left: 3; padding-right: 3; text-align: left; background-color: #a0b8dc; color:#008080; }
TD.iflxMojouUnitedTab2Left	{ height: 22; padding-left: 3; padding-right: 3; text-align: left; background-color: #F7F9FA; color:#008080; }
TD.iflxMojouUnitedEmpName	{ height: 22; padding-left: 3; padding-right: 3; text-align: left;  color:#008080; }

/* united Monatsjournal prt  */
TH.iflxMojouUnitedPrtHdrMain		{ height: 20; padding-left: 3; padding-right: 3; }
TH.iflxMojouUnitedPrtHdrMainRight	{ height: 20; padding-left: 3; padding-right: 3; text-align: right; }
TH.iflxMojouUnitedPrtHdr			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; }
TH.iflxMojouUnitedPrtHdrRight    	{ height: 16; padding-left: 3; padding-right: 3; text-align: right; }
TD.iflxMojouUnitedPrtTab1			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; background-color: #a0b8dc;  }
TD.iflxMojouUnitedPrtTab2			{ height: 16; padding-left: 3; padding-right: 3; text-align: center; background-color: #F7F9FA; }
TD.iflxMojouUnitedPrtTab1Right	{ height: 16; padding-left: 3; padding-right: 3; text-align: right; background-color: #a0b8dc }
TD.iflxMojouUnitedPrtTab2Right	{ height: 16; padding-left: 3; padding-right: 3; text-align: right; background-color: #F7F9FA; }
DIV.iflxMojouUnitedPrt			{ font-size: 8pt; }

TD.iflxMojouUnitedPrtTab1Left		{ height: 16; padding-left: 3; padding-right: 3; text-align: left; background-color: #a0b8dc; color:#008080; }
TD.iflxMojouUnitedPrtTab2Left		{ height: 16; padding-left: 3; padding-right: 3; text-align: left; background-color: #F7F9FA; color:#008080; }


/*united Link*/
DIV.iflxMojouUnitedLink		    { cursor:hand; color:blue; text-decoration:underline;font-size: 8pt; }
DIV.iflxMojouUnitedLinkVisited	{ cursor:hand; color: #9000A9; text-decoration:underline;font-size: 8pt;  }

TABLE.iflxQujouHdr		{ width: 100%; }

TD.iflxQujouTab1,
TD.iflxQujouTab2,
TD.iflxQujouTabAccount1,
TD.iflxQujouTabAccount2,
TD.iflxQujouTabTime1,
TD.iflxQujouTabTime2	{ height: 16; font-size:8pt; font-family: Arial,Helvetica,sans-serif;}

TD.iflxQujouTab2,
TD.iflxQujouTabAccount2,
TD.iflxQujouTabTime2	{ background-color: #F7F9FA; }

TD.iflxQujouTab1,
TD.iflxQujouTab2		{ text-align: left; padding-left: 6px;}

TD.iflxQujouTabAccount1,
TD.iflxQujouTabAccount2 { text-align: right; padding-right: 8px;} 

TD.iflxQujouTabTime1,
TD.iflxQujouTabTime2 	{ text-align: center; padding-right: 0px;padding-left: 0px;} 

SPAN.iflxQujouMissing        { color: red; }
SPAN.iflxQujouBookSource1    { color: blue; }
SPAN.iflxQujouBookSource2    { color: green; }
SPAN.iflxQujouSpecial        { color: olive; }

/* PZE */
TABLE.iflxPzeTab				{ height: 24px;}
a.iflxRegistrationLink:link		{ color: #3073b4; }
a.iflxRegistrationLink:visited		{ color: #3073b4; }
a.iflxRegistrationLink:active		{ color: #FF0000; }
th.iflxPzeTab                           { height: 24px;}
th.iflxPzeLfdNr                         { height: 16; font-size: 10pt; text-align: center; } /*für laufende Nummern */
td.iflxPze            	    	        { background-color: #E1E5E8 ; color: #000000; border: 0; height: 24;} /*für normale Readonly Spalten */
td.iflxPzeReadOnly           	    	{ background-color: #F7F9FA; color: #000000; border: 0; height: 24;} /*für normale Readonly Spalten */
td.iflxPzeTD           	    			{ background-color: #F7F9FA; color: #000000; padding-left:2px; padding-right:2px;}
td.iflxPzeTDDefault                     { background-color: #eee0aa; color: #000000; padding-left:2px; padding-right:2px;}
td.iflxPzeReadOnly_Cal		        { background-color: #F7F9FA; color: #000000; border: 0;} /*für KalenderBereich */
td.iflxPzeReadOnly_Kartei		{ background-color: #F7F9FA; color: #000000; border: 0; height: 16; font-size: 10pt;} /*für Spalten der Karteien, die Readonlywerte enthalten */
td.iflxPzeReadOnly_Kartei_Betrag     	{ background-color: #F7F9FA; color: #000000; border: 0; height: 16; font-size: 10pt; text-align: right;} /*für Spalten der Karteien, die Readonlywerte enthalten, Textausrichtung: rechts */
td.iflxPZEReadOnly_Kartei_Summe         { background-color: #F7F9FA; border: 0; height: 16; font-size: 10pt; color: #3073b4;} /*für Readonly SummenFelder*/
td.iflxPZEReadOnly_Kartei_Zero          { background-color: #F7F9FA; border: 0; height: 16; font-size: 10pt; color: #3073b4; text-align: right;} /*für Readonly neutrale Betragssummen (Summe= 0.00)*/
td.iflxPZEReadOnly_Kartei_Diff          { background-color: #F7F9FA; border: 0; height: 16; font-size: 10pt; color: red; text-align: right;} /*für readonly Input Differenzfelder*/
input.iflxPZEReadOnly_Kartei_Summe      { background-color: #F7F9FA; border: 0; height: 16; font-size: 10pt; color: #3073b4; text-align: right;} /*für readonly Input Summenfelder*/
input.iflxPZEReadOnly_Kartei_Datum      { background-color: #F7F9FA; border: 0; height: 16; font-size: 10pt; text-align: right;} /*für readonly Input Datumsfelder*/
input.iflxPZEReadOnly_Datum_LEFT        { background-color: #F7F9FA; border: 0; height: 20; font-size: 10pt; text-align: left;} /*für readonly Input Datumsfelder Ausrichtung Links*/
input.iflxPZEReadOnly_Datum_RIGHT       { background-color: #F7F9FA; border: 0; height: 20; font-size: 10pt; text-align: right;} /*für readonly Input Datumsfelder Ausrichtung Rechts*/
input.iflxPZEReadOnly_Kartei_Datum_LEFT { background-color: #F7F9FA; border: 0; height: 16; font-size: 10pt; text-align: left;} /*für readonly Input Datumsfelder Ausrichtung Links*/
input.iflxPZEReadOnly_Kartei_Diff       { background-color: #F7F9FA; border: 0; height: 16; font-size: 10pt; color: red; text-align: right;} /*für readonly Input Differenzfelder*/

/* PZE Erfassungsmaske */
input.iflxPZEField    		  				{ color: #000000; height: 18; font-size: 8pt; }
input.iflxPZEFieldValueReadonly				{ color: #777777; height: 18; font-size: 8pt; }
input.iflxPZEFieldAmount	  				{ color: #000000; height: 18; font-size: 8pt; text-align: right; }
input.iflxPZEFieldAmountValueReadonly	  	{ color: #777777; height: 18; font-size: 8pt; text-align: right; }
input.iflxPZEFieldReadOnly	  				{ background-color: #F7F9FA; color: #000000; border: 0; height: 18; font-size: 8pt; }
input.iflxPZEFieldReadOnly_betrag 			{ background-color: #F7F9FA; color: #000000; border: 0; height: 18; font-size: 8pt; text-align: right; }
DIV.iflxPZEErrTxtHeader       				{color:red; font-weight: bolder}
DIV.iflxPZEErrTxt             				{}
th.iflxPzeCurrentTimeHeader                 { height:24px }
th.iflxPzeRemainTimeHeader					{ height:24px }
th.iflxPzeRegistrationHeader				{ height:24px } 

/* PZE Wöchentliche Erfassung */
TABLE.iflxPzeWeekTab							{ height: 24; }
a.iflxWeekRegistrationLink:link					{ color: #FFFFFF; }
a.iflxWeekRegistrationLink:visited				{ color: #FFFFFF; }
a.iflxWeekRegistrationLink:active				{ color: #FFFFFF; }
td.iflxPzeWeek_text            	    	      	{ color: #000000;  height: 24; font-size:8pt} /*für normale Readonly Spalten */
td.iflxPzeWeekReadOnly           	    	    { background-color: #F7F9FA; color: #000000; border: 0; height: 20;font-size: 10pt;}
td.iflxPZEWeekErrorOccured							{ background-color: red; border: 0; height: 20;font-size: 10pt;}
td.iflxPZEWeekErrorAtDay						{ background-color: red;}
input.iflxPZEWeekField    		  				{ color: #000000; height: 20; font-size: 8pt; }
input.iflxPZEWeekFieldValueReadonly				{ color: #777777; height: 20; font-size: 8pt; }
input.iflxPZEWeekFieldAmount	  				{ color: #000000; height: 20; font-size: 8pt; text-align: right; }
input.iflxPZEWeekFieldAmountRejected	  		{ color: #000000; height: 20; font-size: 8pt; text-align: right; color: red}
input.iflxPZEWeekFieldAmountApproved	  		{ color: #000000; height: 20; font-size: 8pt; text-align: right; color: green}
input.iflxPZEWeekFieldAmountInProcess	  		{ color: #000000; height: 20; font-size: 8pt; text-align: right; color: blue}
input.iflxPZEWeekFieldAmountReleased	  		{ color: #000000; height: 20; font-size: 8pt; text-align: right; color: #FF8040}
input.iflxPZEWeekFieldAmountValueReadonly	  	{ color: #777777; height: 20; font-size: 8pt; text-align: right; }
input.iflxPZEWeekFieldReadOnly	  				{ background-color: #F7F9FA; color: #000000; border: 0; height: 20; font-size: 8pt; }
input.iflxPZEWeekFieldReadOnly_betrag 			{ background-color: #F7F9FA; color: #000000; border: 0; height: 20; font-size: 8pt; text-align: right; }
input.iflxPZEWeekFieldReadOnly_betrag_red   	{ background-color: #F7F9FA; color: red; border: 0; height: 20; font-size: 8pt; text-align: right; font-weight:bolder; }
DIV.iflxPZEWeekErrTxtHeader       				{color:red; font-weight: bolder; font-size:10pt}
DIV.iflxPZEWeekErrTxt             				{font-size:10pt}

/* PZE Projtimes/Istzeiten */
DIV.iflxProjtimesContent 		{ width:98%; height:84%; overflow: auto; position: relative; top:10px; left: 13px}

/* PZE Favoriten */
th.iflxPzeFavHeader				{ height:24px }

/* Format für die LoginMaske des Schichttausch-Modul */
TABLE.iflxShiftChangeLogin      { border: 0; }
TH.iflxShiftChangeLogin         { height: 26px; width: 200; }
TD.iflxShiftChangeLogin         { height: 26px; }
TR.iflxShiftChangeLogin         { }
TD.iflxShiftChangeLoginButton   { height: 26px; text-align: center; }
TR.iflxShiftChangeLoginButton   { }

/* Format für den Kalender des Schichttausch-Modul */
TABLE.iflxShiftChangeCalendar       { border: 0; }
TH.iflxShiftChangeCalendar          { height: 26px; }
TD.iflxShiftChangeCalendar          { height: 26px; }
TD.iflxShiftChangeCalendarButton    { height: 26px; text-align: center; }
TABLE.iflxShiftChangeInnerCalendar  { border: 0; width: 220pt; }
TH.iflxShiftChangeInnerCalendar     { height: 26px; }
TD.iflxShiftChangeInnerCalendar     { height: 26px; }
TH.iflxShiftChangeInnerCalendarDay  { text-align: center; background-color: #A0A0A0; font-size: 10pt; height: 18pt; padding-left: 1; color: #000000; }
TD.iflxShiftChangeInnerCalendarDay  { text-align: center; font-size: 10pt; height: 18pt; padding-left: 1; }
TD.iflxShiftChangeInnerCalendarDate { text-align: center; font-size: 10pt; height: 18pt; padding-left: 1; }
DIV.iflxShiftChangeStatus           { font-size: 8pt; }

/* Format für den Bestätigungsdialog des Schichttausch-Modul */
TABLE.iflxShiftChangeDialog         { border-width: 1; width: 100%; }
TH.iflxShiftChangeDialog            { height: 26px; }
TD.iflxShiftChangeDialog            { height: 26px; }
TD.iflxShiftChangeDialogButton      { height: 26px; text-align: center; }

/* Format für Besuchervoranmeldungsmaske und Neuanlage Besucher und Firma */
table.iflxVisitorTab                { width: 100%; }
th.iflxVisitorTab                   { height: 26px; width: 100%; }
td.iflxVisitorTab                   { }
td.iflxVisitorTabReadonly           { background-color: #F7F9FA; color: #000000; }
input.iflxVisitorTabHaveToField     { background-color: #FFFFC0;} /*Farbe für Muß-Felder*/
input.iflxVisitorTabFieldReadOnly   { background-color: #F7F9FA; border: 0; height: 23;} /*für readonly InputFelder*/
input.iflxVisitorTabIndexButton		{ width:20; }
select.iflxVisitorTabHaveToField    { background-color: #FFFFC0;} /*Farbe für Muß-Felder*/

/* Format für Besucheranmeldungsmaske (Listenansicht) */
table.iflxVisitorRegisList			{ width: 100%; }
th.iflxVisitorRegisList				{ height: 26px; }
td.iflxVisitorRegisListSelect		{ height: 26px; }
td.iflxVisitorRegisList				{ height: 26px; background-color: #F7F9FA; }
td.iflxVisitorRegisListModify		{ height: 26px; }
td.iflxVisitorRegisListModify2		{ height: 26px; text-align:right; }
select.iflxVisitorRegisListSelect	{ }

/* Format für Besucheranmeldungsmaske (Detailansicht) */
table.iflxVisitorRegistration               { width: 100%; }
th.iflxVisitorRegistration                  { height: 26px; width: 100%; }
td.iflxVisitorRegistration                  { height: 24; width: 20%; }
td.iflxVisitorRegistrationModify            { height: 24; width: 25%; }
td.iflxVisitorRegistrationModifyLong        { height: 24; width: 80%; }
td.iflxVisitorRegistrationReadonly          { height: 24; width: 25%; background-color: #F7F9FA; }
td.iflxVisitorRegistrationReadonlyLong      { height: 24; width: 80%; background-color: #F7F9FA; }
td.iflxVisitorRegistrationInter             { height: 24; width: 10%; }
input.iflxVisitorRegistrationHaveToField    { background-color: #FFFFC0;} /*Farbe für Muß-Felder*/
input.iflxVisitorRegistrationHaveToReadOnly { background-color: #FFFFC0; border-width: 0; height: 22; }
select.iflxVisitorRegistrationHaveToField	{ background-color: #FFFFC0;}
td.iflxVisitorAlreadyRegistred				{ font-style: italic; font-weight: bolder }

/* Format für Maske Betreuervertreter */
table.iflxVisitorTutor              { width: 100%; }
th.iflxVisitorTutor                 { height: 26px; width: 100%; }
td.iflxVisitorTutor                 { height: 24; width: 25%; }
td.iflxVisitorReadOnly              { height: 24; width: 30%; background-color: #F7F9FA; }
td.iflxVisitorTutorModify           { height: 24; width: 45%; }
td.iflxVisitorTutorModifyLong       { height: 24; width: 75%; }
input.iflxVisitorTutorField			{ }
input.iflxVisitorTutorFieldReadOnly { background-color: #F7F9FA; border: 0; height: 23;}
input.iflxVisitorTutorIndexButton	{ width:20; }
input.iflxVisitorTutorButton		{ }

/* Format für Karteien (normale + Tagesartenkartei) */
table.iflxKarteiSearchTable         { background-color: #F7F9FA; } 
table.iflxKartei                    { -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
table.iflxKartei                    { background-color: #3073b4; border:0px;padding: 0px;margin: 0px }
td.iflxKarteiCommonBackGround					{ background-color: #F7F9FA; }
td.iflxKartei                       { background-color: #3073b4; color: #ffffff; font-size: 9pt; border:0px;padding:0px;padding-top: 1px;margin: 0px ; font-family: Lucida Console, Consolas;}
td.iflxKarteiTagesArt               { background-color: #ffffff; font-size: 8pt }
select.iflxKarteiSelect             { font-size: 9pt; font-family: Lucida Console, Consolas; background-color: white;border-color: white; border-width: 0px; border-style: solid;}

.karteiHeader {
    position: relative;
    background-color : #3073b4;
    border : thin outset;
    color : #3073b4;
    font-family : Lucida Console, Consolas;
    display : inline;
}

.cardindexSort_header {
    background-color : #3073b4;
    padding          : 1px;
    cursor           : default;
    }
.cardindexSort_headertext {
    font-family      : Lucida Console, Consolas;
    font-size        : 9pt;    
    background-color : #3073b4;
    color: #ffffff;
    padding          : 1px;
    }
.cardindexSort_selection {
     font-family      : Lucida Console, Consolas;
     font-size        : 10pt;
     background-color : #F7F9FA;
     }

/* Format für Neuanlage eines MA */
input.iflxNewEmpReadOnlyField                 { background-color: #F7F9FA; border-width: 0; height: 22; }

/* Format der einfachen Stammdaten-Seite */
TABLE.iflxEmployeeTab       { width: 100%; }
TH.iflxEmployeeTab          { height: 26px; width: 100%; }
TD.iflxEmployeeTab          { }
TD.iflxEmployeeTabReadonly  { background-color: #F7F9FA; color: #000000; }

/* Format für Info-Seite */
th.iflxInfo		{ height:24; width:200; }

/* Format für iflxShowOpenIntervalsMask.class */
TABLE.iflxShowOpenInterval           { width: 100%;}
TH.iflxShowOpenInterval              { height: 26px; }
TD.iflxShowOpenInterval              {  }
TD.iflxShowOpenIntervalReadOnly      { height: 10; font-size: 8pt;  background-color: #F7F9FA; color: #000000;}
INPUT.iflxShowOpenIntervalMandatory	 { background-color:#FFFFC0; }

/* Format für iflxHolidayCalendar.class */
TABLE.iflxHolidayCal     { width: 100%;}
TD.iflxHolidayCalYear	   	   { color: #cc0000;text-align:center; font-weight:bolder;}
TD.iflxHolidayTextHeader	   { font-weight:bolder;}
TD.iflxHolidayNoData		   { font-weight:bolder;color:#cc0000;}
TD.iflxHolidayDarkRow		   { background-color: #F7F9FA; font-size:10}
TD.iflxHolidayBrightRow		   { background-color: #E1E5E8;font-size:10}
TD.iflxHolidayTextSubHeader    { font-weight:bolder;font-size:11;height:25px;vertical-align: bottom}

/* Format der dayconclusion -Tabelle */
TABLE.iflxDayconclusionTab    { }
TH.iflxDayconclusinTab        { height: 26px; width: 124; }
TD.iflxDayconclusionTab       { }
INPUT.iflxDayconclusionTab    { }
SELECT.iflxDayconclusionTab   { }


/* WeekSchedule */
/*-========================================================*/
    a.iflxWeekScheduleSortOrder:active    { color: #FFFFFF; }
    a.iflxWeekScheduleSortOrder:visited   { color: #FFFFFF; }
    a.iflxWeekScheduleSortOrder:link      { color: #FFFFFF; }

/* WeekSchedule Header Styles */
/*===============================================================================*/
    td.iflxWeekScheduleSpecialDayHeader   { background-color:#800080; color:#FFFFFF;font-size:9pt;font-weight:bold; vertical-align:top;}
    div.iflxWeekScheduleSpecialDayHeader  { background-color:#800080; color:#FFFFFF;font-size:9pt;font-weight:bold; vertical-align:top;}

    td.iflxWeekScheduleToDay              { background-color:#80FF00; color:#000000;font-size:9pt;font-weight:bold; vertical-align:top;}
    div.iflxWeekScheduleToDay             { background-color:#80FF00; color:#000000;font-size:9pt;font-weight:bold; vertical-align:top;}

    td.iflxWeekScheduleHeader_SA          { background-color:#B0B0C0; color:#FFFFFF;font-size:9pt;font-weight:bold; vertical-align:top;}
    td.iflxWeekScheduleHeader_SU          { background-color:#9090B0; color:#FFFFFF;font-size:9pt;font-weight:bold; vertical-align:top;}
    td.iflxWeekScheduleHeader             { background-color:#3073b4; color:#FFFFFF;font-size:9pt;font-weight:bold; vertical-align:top;}

    div.iflxWeekScheduleHeader_SA         { background-color:#B0B0C0; color:#FFFFFF;font-size:9pt;font-weight:bold; vertical-align:top;}
    div.iflxWeekScheduleHeader_SU         { background-color:#9090B0; color:#FFFFFF;font-size:9pt;font-weight:bold; vertical-align:top;}
    div.iflxWeekScheduleHeader            { background-color:#3073b4; color:#FFFFFF;font-size:9pt;font-weight:bold; vertical-align:top;}
/*===============================================================================*/

/* WeekSchedule Data Styles */
/*===============================================================================*/
    div.iflxWeekScheduleSpecialDay        { background-color:#800080; color:black;font-size:8pt; }
    td.iflxWeekScheduleSpecialDay         { background-color:#800080; color:black;font-size:8pt;}

    div.iflxWeekScheduleLentEmp           { background-color:#dada84; color:black;font-size:8pt; }
    div.iflxWeekScheduleLentEmp_SA        { background-color:#dada84; color:black;font-size:8pt; }
    div.iflxWeekScheduleLentEmp_SU        { background-color:#dada84; color:black;font-size:8pt; }

    td.iflxWeekScheduleLentEmp            {  background-color:#dada84; color:black;font-size:8pt;}
    td.iflxWeekScheduleLentEmp_SA         {  background-color:#dada84; color:black;font-size:8pt; }
    td.iflxWeekScheduleLentEmp_SU         {  background-color:#dada84; color:black;font-size:8pt; }

    div.iflxWeekScheduleBorrowedEmp       { background-color:#dada84; color:black;font-size:8pt; }
    div.iflxWeekScheduleBorrowedEmp_SA    { background-color:#dada84; color:black;font-size:8pt; }
    div.iflxWeekScheduleBorrowedEmp_SU    { background-color:#dada84; color:black;font-size:8pt; }

    td.iflxWeekScheduleBorrowedEmp        {  background-color:#dada84; color:black;font-size:8pt; }
    td.iflxWeekScheduleBorrowedEmp_SA     {  background-color:#dada84; color:black;font-size:8pt; }
    td.iflxWeekScheduleBorrowedEmp_SU     {  background-color:#dada84; color:black;font-size:8pt; }

    div.iflxWeekScheduleForeignEmp        { background-color:#999999; color:black;font-size:8pt; }
    div.iflxWeekScheduleForeignEmp_SA     { background-color:#999999; color:black;font-size:8pt; }
    div.iflxWeekScheduleForeignEmp_SU     { background-color:#999999; color:black;font-size:8pt; }

    td.iflxWeekScheduleForeignEmp         {  background-color:#999999; color:black;font-size:8pt; }
    td.iflxWeekScheduleForeignEmp_SA      {  background-color:#999999; color:black;font-size:8pt; }
    td.iflxWeekScheduleForeignEmp_SU      {  background-color:#999999; color:black;font-size:8pt; }

    div.iflxWeekSchedule                  {  background-color:#FFFFFF; color:black;font-size:8pt; }
    div.iflxWeekSchedule_SA               {  background-color:#B0B0D4; color:black;font-size:8pt; }
    div.iflxWeekSchedule_SU               {  background-color:#9090C4; color:black;font-size:8pt; }

    td.iflxWeekSchedule                   {  background-color:#FFFFFF; color:black;font-size:8pt; }
    td.iflxWeekSchedule_SA                {  background-color:#B0B0D4; color:black;font-size:8pt; }
    td.iflxWeekSchedule_SU                {  background-color:#9090C4; color:black;font-size:8pt; }

    table.iflxWeekSchedule                { background-color:#FFFFFF; color:black}
    table.iflxWeekSchedule_SA             { background-color:#B0B0D4; color:black}
    table.iflxWeekSchedule_SU             { background-color:#9090C4; color:black}

    td.iflxWeekScheduleEmptyCell          { background-color:#ffffff}
    td.iflxWeekScheduleEmptyCell_SA       { background-color:#B0B0D4}
    td.iflxWeekScheduleEmptyCell_SU       { background-color:#9090C4}

    div.iflxWeekScheduleEmptyCell         { background-color:#ffffff}
    div.iflxWeekScheduleEmptyCell_SA      { background-color:#B0B0D4}
    div.iflxWeekScheduleEmptyCell_SU      { background-color:#9090C4}
/*===============================================================================*/

/* Othter Weekschedule Styles ===================================================*/
/*===============================================================================*/
    td.iflxWeekScheduleAbsence            {  font-size:8pt; background-color:#FFFFFF;border-Style:solid;border-width:1; border-color:#cccccc }
    td.iflxWeekScheduleEmptyAbsence       {  font-size:8pt; background-color:#FFFFFF; }
    td.iflxWeekScheduleSelected           {  background-color:#FFFFFF; color:black;font-size:8pt;  }
    span.iflxDIVWeekSchedule              { }
    span.iflxDIVWeekScheduleKopie         { background-color:#cccccc; color:black;font-size:8pt }
    input.iflxWeekScheduleReadOnly        { background-color:#FFFFFF; font-size:8pt}
    td.iflxWeekScheduleSelectedCell       { border-width:1; border-Style:solid; border-Color:green}
    td.iflxWeekScheduleReadOnly           { background-color: #F7F9FA; color: #000000; border: 0;  font-size: 10pt;}
    td.iflxWeekScheduleNormText           { color: #000000; border: 0;  font-size: 9pt;vertical-align:middle;}
    tr.iflxWeekScheduleHidden_TR 		  { visibility:hidden; display:none }
/*===============================================================================*/


/* Format für iflxShowOpenIntervalsMask.class */
TABLE.iflxDeleteAbsreason             { width: 100%;}
TH.iflxDeleteAbsreason                { height: 26px; }
TD.iflxDeleteAbsreason                {  }
TD.iflxDeleteAbsreasonDistanceRow     { font-size: 1pt;height: 1px;}
TD.iflxDeleteAbsreasonReadOnly        { height: 10; font-size: 8pt;  background-color: #F7F9FA; color: #000000;}
.iflxDeleteAbsreasonButtonDiv         { font-size: 10pt; }
INPUT.iflxDeleteAbsreasonMandatory	  { background-color:#FFFFC0; }

DIV.iflxCollisionInformation          { font-family: arial; font-size:8pt; color:red;}

/* WhereAboutScreen */
TABLE.iflxWhereAboutTab    			    { }
TH.iflxWhereAboutTabInner	    	    { font-size:8pt}
TH.iflxWhereAboutTab				    { font-size:8pt;padding-left: 5; padding-right:5; height:26px; }
TD.iflxWhereAboutTab				    { font-size:8pt;padding-left: 5; padding-right:5; height:26px; }
TD.iflxWhereAboutTabSelected		    { font-size:8pt;padding-left: 5; padding-right:5; height:26px; background-color: #BBBBBB; }
INPUT.iflxWhereAboutTab			        { font-size:7pt}
INPUT.iflxWhereAboutTabReadonly     	{ font-size:7pt;background-color:#E1E5E8; }
SELECT.iflxWhereAboutTab		    	{ font-size:7pt;}
SELECT.iflxWhereAboutTabReadonly	    { font-size:7pt;}
div.iflxWhereAboutMedicalReason         { border-color:black;width:200; border-width:1px;border-style:solid;background-color:#cccccc;position:absolute;display:none;visibility:hidden;z-index: 10}
div.iflxWhereAboutHiddenAbsence         { position:absolute;display:none;visibility:hidden;}
div.iflxWhereAboutMedicalReasonHeader   { font-size:9pt; width:100%;height:20;background-color:#555555;position:absolute;  color:white;position:relative}
TABLE.iflxWhereAboutAccountInfo			{ }
TH.iflxWhereAboutAccountInfo			{ font-size:8pt;padding-left: 5; padding-right:5; height:24; }
TD.iflxWhereAboutAccountInfo			{ font-size:8pt;padding-left: 5; padding-right:5; height:24; }


/* changesubstitute.jsp */
TABLE.iflxChangeSubstitute		{ }
TD.iflxChangeSubstitute			{ height:26px; width:150; }




/**************************************************************************************************************
/**************************************************************************************************************
/**************************************************************************************************************
/**************************************************************************************************************
/**************************************************************************************************************
/**************************************************************************************************************
/*
/*  O N T I M E   S T Y L E S
/*
/*
/**************************************************************************************************************
/**************************************************************************************************************
/**************************************************************************************************************
/**************************************************************************************************************
/**************************************************************************************************************


/* HOME TITLE */
body.iflxHomeTitle                          { background-color:#F7F9FA; }
td.iflxHomeTitle                            { background-color:#F7F9FA; }
font.iflxHomeTitle                          { color:#3073b4; font-size:20pt; }
div.iflxHomeScroll							{ overflow: auto }

/* HOME */
body.iflxHome                               { background-color:#E1E5E8; }
div.iflxHomeDiv								{ width:100%;position:absolute; bottom:30px;}
table.iflxHomeTable							{ width:100%;}
td.iflxHome                                 { }
font.iflxHome                               { color:#3073b4; font-size:26pt; }
td.iflxHomeInfoHdr                          { border: 1px solid white;background-color:#E1E5E8; color:#3073B4; font-weight:bold; text-align: center; }
td.iflxHomeInfoAcc							{ height: 16; font-size:8pt;text-align: center; font-family: Arial,Helvetica,sans-serif; padding-left: 0; background-color: #F7F9FA; }
th.iflxHomeInfoAcc							{ text-align: center; }
td.iflxHomeContent							{ border: 1px solid white;padding:0px }
iframe.iflxHomeMessageBoard					{ position:relative; height:130; width:320; }
body.iflxHomeMessageBoard					{ background-color:#F7F9FA; font-size:8pt; color:#3073b4; font-family: Arial,Helvetica,sans-serif; }


/* WORKFLOW TITLE */
body.iflxOnTimeWorkflowTitle                { background-color:#F7F9FA; }
td.iflxOnTimeWorkflowTitle                  { background-color:#F7F9FA; }
font.iflxOnTimeWorkflowTitle                { color:#3073b4; font-size:20pt; }


/* WORKFLOW */
body.iflxOnTimeWorkflow                     { }
table.iflxOnTimeWorkflow                    { }
td.iflxOnTimeWorkflow                       { background-color:#F7F9FA; font-family: arial; color: #000000; font-size: 12px; font-weight: normal; }
div.iflxOnTimeWorkflow                      { font-family: arial; color: #000000; font-size: 12px; font-weight: normal; }
span.iflxOnTimeWorkflowDef                  { font-family: arial; color: #000000; font-size: 12px; font-weight: normal; }
td.iflxOnTimeWorkflowDef1                   { font-family: arial; color: #000000; font-size: 12px; font-weight: normal; padding-left:3; padding-right:3; background-color:#F7F9FA; height:17px; }
td.iflxOnTimeWorkflowDef2                   { font-family: arial; color: #000000; font-size: 12px; font-weight: normal; padding-left:3; padding-right:3; background-color:#ffffff; height:17px; width:180px; }
td.iflxOnTimeWorkflowDef3                   { font-family: arial; color: #000000; font-size: 12px; font-weight: normal; padding-left:3; padding-right:3; background-color:#ffffff; height:17px; width:120px; }
table.iflxOnTimeWorkflowDef                 { background-color:#E1E5E8; color:#000000; }
td.iflxOnTimeWorkflowDef4                   { font-family: arial; color: #000000; font-size: 16px; font-weight: normal; }
td.iflxOnTimeWorkflowDef5                   { font-family: arial; color: #000000; font-weight: normal; padding-left:5; padding-right:5; height:30px; font-size: 14px; background-color:#F7F9FA; }
td.iflxOnTimeWorkflowDef6                   { font-family: arial; color: #000000; font-weight: normal; padding-left:5; padding-right:5; height:30px; font-size: 12px; }

/* WORKFLOW MAPPINGS */
body.iflxOnTimeWorkflowMappings             { background-color:#FFFFFF; }
td.iflxOnTimeWorkflowMappings               { background-color:#FFFFFF; }
th.iflxOnTimeWorkflowMappings               { background-color:#3073b4; color:#FFFFFF; font-weight:bold; font-size:10pt; padding-left:5; padding-right:5; }
tr.iflxOnTimeWorkflowMappings               { background-color:#FFFFFF; }


/* LIST POP-UP */
body.iflxOnTimeList                         { background-color:#E1E5E8; color:#000000; }
font.iflxOnTimeList                         { color:#000000; font-size:18pt; font-weight:normal; }
table.iflxOnTimeList                        { background-color:#E1E5E8; color:#000000; }
td.iflxOnTimeList                           { background-color:#E1E5E8; color:#000000; font-family: arial; font-size: 16px; }
th.iflxOnTimeList                           { background-color:#E1E5E8; color:#000000; font-family: arial; font-size: 20px; font-weight: bold }


/* DIALOG POP-UP */
font.iflxOnTimePopUp                        { color:#000000; font-size:18pt; font-weight:normal; }
table.iflxOnTimePopUp                       { background-color:#E1E5E8; color:#000000; }
td.iflxOnTimePopUp                          { background-color:#E1E5E8; color:#000000; font-family: arial; font-size: 16px; }
th.iflxOnTimePopUp                          { background-color:#E1E5E8; color:#000000; font-family: arial; font-size: 20px; font-weight: bold }
th.iflxOnTimePopUpHeader                    { background-color:lightgrey; color:#000000; font-family: arial; font-size: 20px; font-weight: bold }
div.ui-dialog div {
	font-size: 9pt;
}

/* MESSAGE BOX */
table.iflxOnTimeMsgBoxMain                  { background-color:#E1E5E8; color:#000000; }
table.iflxOnTimeMsgBox                      { background-color:#E1E5E8; }
td.iflxOnTimeMsgBox                         { background-color:#E1E5E8; }


/* messageboardConfiguration.jsp */
th.messageboard		{ height:10; width:150; background-image: none; background-color: #E1E5E8; color: #000000}

/* mojou cewez */
input.cewezInput   				{ font-family: arial; font-size: 9pt;}
TD.iflxMojouCewezTab1			{ height: 22; padding-left: 3; padding-right: 3; text-align: center; background-color: #a0b8dc;}
TD.iflxMojouCewezTab2			{ height: 22; padding-left: 3; padding-right: 3; text-align: center; background-color: #F7F9FA; }
TD.iflxMojouCewezPrtTab1	    { height: 16; padding-left: 3; padding-right: 3; text-align: center; background-color: #a0b8dc;}
TD.iflxMojouCewezPrtTab2		{ height: 16; padding-left: 3; padding-right: 3; text-align: center; background-color: #F7F9FA; }
DIV.iflxMojouCewez				{ font-size: 10pt; }
DIV.iflxMojouCewezLink			{ cursor:hand; color:blue; text-decoration:underline;font-size: 10pt; }
DIV.iflxMojouCewezPrtLink		{ font-size: 8pt; }
DIV.iflxMojouCewezNoData		{ font-family: arial;color:red; font-size: 10pt; }

/* acount_ahold.jsp */
TABLE.iflxAccountAhold			{ }
TH.iflxAccountAhold				{ padding-left: 5; padding-right:5; height:26px; background-color: #3073b4; }
TD.iflxAccountAhold				{ padding-left: 5; padding-right:5; height:24; }

/* style for multimanager */
.selectedMarker { filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;position:absolute;top:0;left:0;background-color:rgb(0,50,100);width:20;height:40;z-index:0; }
.selectedMarkerPepHeaders { filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;position:absolute;top:0;left:0;background-color:rgb(152,176,224);width:20;height:40;}

/* for LoadingSpinner */
.loadingBackGround { filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;position:absolute;top:0;left:0;background-color:rgb(0,50,100);width:20;height:40;z-index:0; }

/* style for menu2 */


/* selection_groupcorrection */
td.groupCorrSelection 	{ background-color:#F7F9FA;width:100%;height:100%;vertical-align:middle;}

/* groupcorrections */
.groupCorrColor		    { color:red; }

/* iflxDeleteAbsreasonGroupCorrMask */
td.iflxDeleteAbsreasonGroupCorrMask_EmpInfo {background-color: #F7F9FA;font-weight: bold;}
td.iflxDeleteAbsreasonGroupCorrMask_EmpInfo {background-color: #F7F9FA;font-weight: bold;}

/* PEP */
.pepButton {border: #999999 1px solid; FONT-SIZE: 8pt; cursor: pointer; }

/*
//styles for PEP fonts in XML-Files
//activate to adjust font-size
#div_date_header_row_inner nobr {font-size: 7pt !important}
#div_scroll_area_inner div {font-size: 6pt !important}
#div_column_sigma_spec_aggr_inner div {font-size: 6pt !important}
*/


#headerLineBlock { }
#headerLine		 { }

/* style for pep grid */
/*====================*/

.opa35 				{ filter:alpha(opacity=35); -moz-opacity:.35;opacity:.35;}
.opa50 				{ filter:alpha(opacity=50); -moz-opacity:.50;opacity:.50;}
.opa60 				{ filter:alpha(opacity=60); -moz-opacity:.60;opacity:.60;}
.opa80 				{ filter:alpha(opacity=80); -moz-opacity:.80;opacity:.80;}

div.gridHeaderTime 	{ position:absolute; bottom:0px; font-size:9px;left:2px}
div.gridCellSumExt 	{ font-family: Arial; font-size:8pt; overflow:hidden; }

/* rightborderColor */
.rbc 				{ border-right-color: black !important;border-right-width: 1px !important; border-style: solid !important;}

#timeinfo 			{ border-width:0px; border-style:none; border-color:white; text-align:center; position:absolute; display:none;z-index:20;font-size: 7pt;height:12px; width:70px }
#detailView			{ display:none; position:absolute; font-size: 9pt; width:115px; height:18px; z-index:5000 }
#detailViewBridge 	{ display:none; position:absolute; height:20px; z-index:4999 }

.dayfrontier,
.dayfrontierSum		{ width: 2px; background-color: black; position:absolute;top:0px;left:-1px;z-index:1; border: 0px; border-style: none; }

.selectionDivLeft   { z-index:-1; position:absolute; top:-10px;left:-5px;width: 260px; height: 150px; background-color: white;}
.selectionDivRight  { z-index:-1;  position:absolute;top:-10px;left:850px;width: 230px; height: 150px; background-color: white;}

/* Additional tabStyles for new jQuery theme classes */
.ui-tabs-panel 		{ background-color: #E1E5E8 !important; border-color: #E1E5E8 !important; border-width: 0px !important;} 	
.ui-tabs 			{ top:-3px;left:-2px;background-color: #E1E5E8 !important; border-width: 0px !important;}
.ui-tabs-nav 		{ border-width: 0px !important;}

.iflx-ui-tabs		{ font-size: 8pt !important }

.tabs_content       { width:96%; position : absolute }
.tabs_contentNonIE  { width:96% !important }

.tabs_content_window  { width:100%; position : absolute; left:-2px}

/* jqMenue Classes */
.xjqMenueBody		{ background-color: white;height:100%}
.activeMarkerBase		{ width:14px; height:14px}
.iflxaccordion 			{ font-size: 8pt !important; overflow: hidden;width:165px}
.overItem 				{ border-color: grey !important;   border-width:0px; border-bottom: 1px; border-style: solid; }
.selectedItem			{ border-color: #3073b4 !important; border-width:0px; border-bottom: 1px; border-style: solid; }
.subitem 				{ background-color: transparent; position:relative; cursor: pointer;border-width:0px; border-bottom: 1px; border-style: solid; border-color: transparent;font-size: 8pt; }
.groupcorrImage 		{ cursor: pointer;position:absolute;top:5px;left:-19px;}
.groupCorr 				{ display:inline;text-align: right;width: 40px}
.groupCorrActive 		{ background-color:red; }
.subContainer 			{ }
.subContainerSubItem	{ position:relative; height:14px; width:110px;left:0px;top:-3px}
.jqMenueBody     { background-color: white; width:100%;height:100%; margin:0; overflow:hidden }
.menuOuterDiv    { width:165px; height:100%; padding-left:3px;padding-top:3px; }
#iflxAccordion { height: calc(100% - 90px); width: calc(100% - 1px); position: absolute; overflow:auto }
.menu-div-exitbtn { position:absolute; bottom:50px; width:100%; max-height:28px;}
.menu-div-logo { position:absolute; bottom:2px; max-height:60px;}
.iflxLogo {}
.iflxMenu3ExitButton {width:96%; text-align:center; padding:4px; font-size:10pt}

/* menue overview title */
body.iflxMenueOverviewTitle                { background-color:#F7F9FA; }
td.iflxMenueOverviewTitle                  { background-color:#F7F9FA; }
font.iflxMenueOverviewTitle                { color:#3073b4; font-size:20pt; }

/* menue overview */

body.iflxMenueOverview,
.menu_overview_table,
.menu_overview_td,
.menu_overview_innerdiv   { background-color:#E1E5E8; }

.menu_overview_table 	 { position:absolute; top:40px; left:40px; }
.menu_overview_td 		 { position:relative; padding:5px; text-align:center; }
.menu_overview_image 	 { cursor:pointer; width:150px; height:130px; }
.menu_overview_text      { position:relative; top:-15px; font-size:9pt !important; height:15px; }
.menu_overview_innerdiv  { position:relative; border:0px; padding:5px; width:150px; height:130px; }
.menu_overview_backImage { background-image:url(images/menue_overview/overview_glow.png); background-repeat:repeat; }

img.menu_overview_groupcorr {position:absolute;top:15px;left:25px;cursor:pointer;z-index:10}
div.menu_overview_groupcorr {position:relative}	

/* TEST JQ DatePicker */
.datepicker { font-size: 8pt } 

/* Enhanced JQ DatePicker Style */
#ui-datepicker-div { width: 190px }

/* Enhanced JQ ButtonStyle */
.ui-button-text { font-size: 8pt }

/* buttons in column.jsp */
.column_button {width:100%; height:25px}

/* Override DateWidget.cs Styles (for backward compatibility of Profiles) */
.dateWidget_incrementContainer 		{ top:-6px !important; }
.dateWidget_decrementContainer 		{ top:4px !important;  }
.dateWidget_calendarContainer  		{ top:4px !important;  }
.dateWidget_JQ_calendarContainer  	{ top:3px !important; position : relative;  left:1px}

/* in some pages the calendar button must be adjusted */
.dateWidget_calendarButton_adjust { top:1px !important }

td.iflxYearprogram_entry 			  { background-color: #F7F9FA } 


/* Format für Konten löschen */
TABLE.iflxDeleteAccounts        { }
TH.iflxDeleteAccounts           { height: 26; width: 290; }
TD.iflxDeleteAccounts           { height: 26; }
TABLE.iflxDeleteAccountsHint    { }
TD.iflxDeleteAccountsHint1      { font-weight: bold; }
TD.iflxDeleteAccountsHint2      { }

/* Fehlzeiten (iflxAbsMask2) */
button.iflxAbsMask2UploadBtn {
    background-color:white; 
    border: 1px solid grey;
    border-radius: 4px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
button.iflxAbsMask2UploadBtn:hover {
    background-color: #eeeeee;
    color: #207ccd;  /* light blue */
}

/* Vertreter (substitutes, changesubstitute.jsp)*/
button.csub_addRowColButton {
    background-image: url(images/blue_plus20.png); /* 20px x 20px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 20px;           /* make this the size of your image */
    width: 20px;
    vertical-align: middle; /* align the text vertically centered */
}
button.csub_addRowColButton[disabled] {
    background-image: url(images/buttonDisabledCenter2.gif);
}
button.csub_remRowColButton {
    background-image: url(images/delete.png); /* 20px x 20px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 20px;           /* make this the size of your image */
    width: 20px;
    vertical-align: middle; /* align the text vertically centered */
}
table.substitutes { 
    border-collapse: collapse; 
    border: 1px solid #265b8e;
}
table.substitutes td, table.substitutes th { 
    border: 1px solid #265b8e;
    padding-left:5px;
    padding-right:3px;
}
/* used to subdivide the data frame  in a content and a footer area */
.iflxdialogtabs-wrapper {
  height: 100%;
}
.iflxdialogtabs-footer {
  height: 35px;
}
.iflxdialogtabs-content {
  overflow: auto;
  height: calc(100% - 35px);
  width:100%;
}

/* loader div */
#divLoading
{
    display : none;
}
#divLoading.show
{
    display: block;
    position: absolute;
    z-index: 9998;
    background-image: url('images/loader_load_cindblue.gif');
    background-color: #f7f9fa;
    opacity: 1.0;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

