/*********************************************************************************/
/* STANDARD HTML ITEMS */
/*********************************************************************************/
BODY				{ COLOR:windowtext;FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;MARGIN:0px;OVERFLOW:hidden;PADDING:0px;CURSOR:default;HEIGHT:100%;WIDTH:100%; }
TABLE				{ FONT:normal normal normal 8pt Arial, Helvetica, sans-serif; }
H1					{ FONT:normal normal bold 18pt Arial, Helvetica, sans-serif; }
H2					{ FONT:normal normal bold 14pt Arial, Helvetica, sans-serif; }
H3					{ FONT:normal normal bold 12pt Arial, Helvetica, sans-serif; }
H4					{ FONT:normal normal bold 10pt Arial, Helvetica, sans-serif; }
BLOCKQUOTE			{ FONT:normal normal normal 8pt Arial, Helvetica, sans-serif; }
A					{ COLOR:white;BACKGROUND:transparent;TEXT-DECORATION:none; }
A:hover				{ TEXT-DECORATION:underline; }
LEGEND				{ font-weight:bold;font-size:8pt; }
INPUT 				{ FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;WIDTH:325px;HEIGHT:20px;PADDING-LEFT:2px;PADDING-RIGHT:2px; }
TEXTAREA 			{ CURSOR:text;FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;WIDTH:325px; }
BUTTON 				{ FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:8pt;FONT-WEIGHT:bold; }
BUTTON.IMG 			{ HEIGHT:16px;WIDTH:17px; }
SELECT				{ CURSOR:pointer;FONT:normal normal normal 8pt Arial, Helvetica, sans-serif; }
.BUTTONSELECT		{ BACKGROUND-COLOR:activecaption;COLOR:captiontext; }
#divWorking			{ TEXT-ALIGN:center;DISPLAY:block;POSITION:absolute;TOP:0px;LEFT:0px;WIDTH:100%;HEIGHT:100%;BACKGROUND-IMAGE:url(../images/dotmask.gif);z-index:1000; }
#divWorking TABLE	{ HEIGHT:100%;WIDTH:100%; }
#divWorking TD		{ TEXT-ALIGN:center;VERTICAL-ALIGN:middle; }
/*********************************************************************************/
/* XTREE */
/*********************************************************************************/
.webfx-tree-container		{ MARGIN:0px;PADDING:0px;FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;WHITE-SPACE:nowrap; }
.webfx-tree-item			{ PADDING:0px;MARGIN:0px;FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;COLOR:windowtext;WHITE-SPACE:nowrap; }
.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover	{ MARGIN-LEFT:3px;PADDING:1px 2px 1px 2px;COLOR:windowtext; }
.webfx-tree-item a			{ COLOR:windowtext;TEXT-DECORATION:none; }
.webfx-tree-item a:hover	{ TEXT-DECORATION:underline; }
.webfx-tree-item a:active	{ BACKGROUND:highlight;COLOR:highlighttext;TEXT-DECORATION:none; }
.webfx-tree-item img		{ VERTICAL-ALIGN:middle;BORDER:0px; }
.webfx-tree-icon			{ WIDTH:16px;HEIGHT:16px; }
/*********************************************************************************/
/* STANDARD PAGE ITEMS */
/*********************************************************************************/
#divHeader		{ BORDER:0px;POSITION:absolute;WIDTH:100%;TOP:0px;LEFT:0px;Z-INDEX:3;BACKGROUND-COLOR:#efefef;PADDING:0px; }
#divContent		{ BORDER:0px;POSITION:absolute;HEIGHT:100%;WIDTH:100%;LEFT:0px;Z-INDEX:1;BACKGROUND-COLOR:#efefef; }
#divGridStatus	{ BORDER:0px;WIDTH:100%;BACKGROUND-COLOR:window;color:windowtext;PADDING:2px;FONT-WEIGHT:bold;DISPLAY:none; }
#divGridScroll	{ BORDER:0px;OVERFLOW-X:hidden;OVERFLOW-Y:auto;POSITION:relative;WIDTH:100%;HEIGHT:100%; }
#tblDetails		{ WIDTH:100%;HEIGHT:100%;PADDING:0px; }
/*********************************************************************************/
/* TIMESHEET/TIME CARD */
/*********************************************************************************/
#tblTimesheetBanner	{ BACKGROUND-COLOR:activecaption;COLOR:captiontext;WIDTH:100%;BORDER:1px outset; }
#tblTimesheetBanner TD	{ PADDING:0px;PADDING-TOP:5px;PADDING-BOTTOM:5px; }
.tblTimeSheet		{ WIDTH:100%; }
.TimeSlipHeading	{ TEXT-ALIGN:center;FONT-SIZE:8pt;FONT-WEIGHT:bold;BORDER-TOP:1px solid white;BORDER-LEFT:1px solid white;BORDER-BOTTOM:1px solid black;BORDER-RIGHT:1px solid black;BACKGROUND:buttonface;COLOR:buttontext; }
.TimeDOW			{ PADDING:5px;TEXT-ALIGN:center;FONT-SIZE:8pt;FONT-WEIGHT:bold;BACKGROUND:buttonface;COLOR:buttontext;BORDER:1px outset buttonface;HEIGHT:15px; }
.TimeSlip TD		{ BORDER-LEFT:1px solid black;BORDER-BOTTOM:1px solid black;WHITE-SPACE:nowrap; }
.TimeSlipActive TD	{ BORDER-LEFT:1px solid highlight;BORDER-BOTTOM:1px solid highlight;BACKGROUND-COLOR:highlight;COLOR:highlighttext;WHITE-SPACE:nowrap; }
.TimeSlip TH		{ BORDER:0px; }
.TimeSlipActive TH	{ BORDER:0px;BACKGROUND-IMAGE:url(../images/tbnext.gif);BACKGROUND-REPEAT:no-repeat; }
.TimeCell			{ BACKGROUND:white;COLOR:black;BORDER:1px solid buttonface;WIDTH:12%; }
.TimeDayTotal		{ BORDER:1px outset;TEXT-ALIGN:center;BACKGROUND:windowtext;COLOR:window;FONT-SIZE:8pt;HEIGHT:15px; }
.TimeOff TD			{ BORDER-LEFT:1px solid orange;BORDER-BOTTOM:1px solid orange;BACKGROUND-COLOR:orange;COLOR:black;WHITE-SPACE:nowrap; }
.TimeOffActive TD	{ BORDER-LEFT:1px solid activecaption;BORDER-BOTTOM:1px solid activecaption;BACKGROUND-COLOR:orange;COLOR:black;WHITE-SPACE:nowrap; }
.TimeOff TH			{ BORDER:0px; }
.TimeOffActive TH	{ BORDER:0px;BACKGROUND-IMAGE:url(../images/tbnext.gif);BACKGROUND-REPEAT:no-repeat; }
.Holiday TD			{ BORDER-LEFT:1px solid blue;BORDER-BOTTOM:1px solid blue;BACKGROUND-COLOR:blue;COLOR:white;WHITE-SPACE:nowrap; }
.Holiday TH			{ BORDER:0px; }
/*********************************************************************************/
/* TIME CELLS */
/*********************************************************************************/
.AvailableCell		{ BORDER:1px solid black;WIDTH:15px;BACKGROUND-COLOR:grey; }
.ScheduledCell		{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:lightblue; }
.ScheduledBreakCell	{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:blue; }
.ActiveCell			{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:green; }
.CompleteCell		{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:white; }
.ApprovedCell		{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:cyan; }
.BilledCell			{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:black; }
.ErrorCell			{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:red; }
.PausedCell			{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:orange; }
.PendingCell		{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:yellow; }
.TimeOffCell		{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:blue; }
.HolidayCell		{ BORDER:1px solid black;WIDTH:15px;BACKGROUND:blue; }
.TimeSlipStatus0	{ BACKGROUND:green;COLOR:white; }
.TimeSlipStatus1	{ BACKGROUND:#efefef;COLOR:black; }
.TimeSlipStatus2	{ BACKGROUND:cyan;COLOR:black; }
.TimeSlipStatus3	{ BACKGROUND:black;COLOR:white; }
.TimeSlipStatus4	{ BACKGROUND:orange;COLOR:black; }
.TimeSlipStatus5	{ BACKGROUND:lightblue;COLOR:black; }
.TimeSlipError		{ BACKGROUND:red;COLOR:yellow; }
/*********************************************************************************/
/* BANNER */
/*********************************************************************************/
.tblMain					{ WIDTH:100%;HEIGHT:100%; }
.SelBannerMenuItem			{ CURSOR:default;PADDING:2px 2px 2px 2px;BORDER:1px inset;WHITE-SPACE:nowrap;VERTICAL-ALIGN:middle; }
.SelBannerMenuItem TABLE	{ BORDER:1px inset;COLOR:buttontext;FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:8pt;FONT-WEIGHT:bold; }
.SelBannerMenuItem1			{ CURSOR:default;PADDING:2px 2px 2px 2px;BORDER:1px inset;WHITE-SPACE:nowrap;VERTICAL-ALIGN:middle; }
.SelBannerMenuItem1 TABLE	{ BORDER:1px inset;COLOR:highlighttext;FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:8pt;FONT-WEIGHT:bold; }
.BannerMenuItem				{ CURSOR:pointer;PADDING:2px 2px 2px 2px;WHITE-SPACE:nowrap;VERTICAL-ALIGN:middle;BORDER:1px outset; }
.BannerMenuItem TABLE		{ BORDER:0px;COLOR:buttontext;FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:8pt;FONT-WEIGHT:normal; }
.BannerMenuItemOn			{ CURSOR:pointer;PADDING:2px 2px 2px 2px;WHITE-SPACE:nowrap;VERTICAL-ALIGN:middle;BORDER:1px outset;BACKGROUND-COLOR:buttontext; }
.BannerMenuItemOn TABLE		{ BORDER:0px;BACKGROUND-COLOR:highlight;COLOR:buttonface;FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:8pt;FONT-WEIGHT:normal; }
/*********************************************************************************/
/* PAGE TABS */
/*********************************************************************************/
.tblPageTabs		{ WIDTH:100%; }
.SectTab			{ CURSOR:pointer;TEXT-ALIGN:left;FONT-WEIGHT:normal;FONT-SIZE:8pt;FONT-FAMILY:Arial, Helvetica, sans-serif;COLOR:buttontext; }
.SelSectTab			{ CURSOR:default;TEXT-ALIGN:left;FONT-WEIGHT:bold;FONT-SIZE:8pt;FONT-FAMILY:Arial, Helvetica, sans-serif;COLOR:highlighttext;BACKGROUND:highlight; }
.SelSectTab1		{ CURSOR:default;TEXT-ALIGN:left;FONT-WEIGHT:bold;FONT-SIZE:8pt;FONT-FAMILY:Arial, Helvetica, sans-serif;COLOR:buttontext; }
.SectTabOn			{ TEXT-ALIGN:left;FONT-WEIGHT:normal;FONT-SIZE:8pt;FONT-FAMILY:Arial, Helvetica, sans-serif;COLOR:buttonface;BACKGROUND:buttontext;CURSOR:pointer; }
/*********************************************************************************/
/* PAGE MENU */
/*********************************************************************************/
.tblPageMenu 		{ COLOR:buttonface;BACKGROUND-COLOR:buttonface;BORDER:1px outset buttonface;COLOR:buttontext; }
.tblPageMenu TD		{ PADDING:5px; }
.tblPageMenu BUTTON	{ CURSOR:pointer; }
/*********************************************************************************/
/* SERVER IFrame */
/*********************************************************************************/
#Server 			{ POSITION:absolute;LEFT:0;TOP:400;WIDTH:700px;HEIGHT:300px;VISIBILITY:hidden; }
/*********************************************************************************/
/* FORM ELEMENTS */
/*********************************************************************************/
.divFormBanner		{ PADDING:2px;FONT:normal normal bold 8pt Arial, Helvetica, sans-serif;COLOR:white;BACKGROUND-IMAGE:url(../images/desktop/panel-title-bg.gif); }
.tblFormBanner		{ COLOR:black;WIDTH:100%;BORDER:1px outset;BACKGROUND-IMAGE:url(../images/desktop/gradient-bg.gif);BORDER_SPACING:0px; }
.tblFormBanner TD	{ PADDING:0px;PADDING-LEFT:5px;PADDING-TOP:5px;PADDING-BOTTOM:5px;FONT:normal normal bold 10pt Arial, Helvetica, sans-serif; }
.tdFormBanner2		{ BACKGROUND-COLOR:activecaption;COLOR:captiontext;WIDTH:100%;VERTICAL-ALIGN:middle;TEXT-ALIGN:center;FONT:normal normal normal 10pt Arial, Helvetica, sans-serif;PADDING-LEFT:5px; }
.tdFormBanner3		{ BACKGROUND-COLOR:activecaption;COLOR:captiontext;WIDTH:100%;VERTICAL-ALIGN:middle;TEXT-ALIGN:center;FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;PADDING-LEFT:5px; }
.tdFormBannerTitle	{ FONT-SIZE:12pt;FONT-WEIGHT:bold;WHITE-SPACE:nowrap; }
.tdFormBannerControl{ TEXT-ALIGN:right;PADDING-RIGHT:4px; }
#aPageAssist		{ FONT-SIZE:8pt;FONT-WEIGHT:normal;COLOR:blue; }
#aPageAssist IMG	{ BORDER:0px;HEIGHT:16px;WIDTH:16px;MARGIN-LEFT:4px; }
.NSFormTable		{ PADDING:0px;BORDER:0px;WIDTH:100%;BACKGROUND-COLOR:#efefef; }
.NSFormTable TD		{ VERTICAL-ALIGN:middle; }
.NSLabelBlock		{ FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;PADDING-LEFT:10px;PADDING-RIGHT:8px;TEXT-ALIGN:right;VERTICAL-ALIGN:middle;COLOR:#000000;WHITE-SPACE:nowrap; }
.NSLabelBlock A		{ FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;PADDING-LEFT:10px;PADDING-RIGHT:8px;TEXT-ALIGN:right;VERTICAL-ALIGN:middle;COLOR:#000000;WHITE-SPACE:nowrap; }
.NSLabelBlock A:hover		{ TEXT-DECORATION:underline; }
.NSDividerBlock		{ FONT:normal normal bold 10pt Arial, Helvetica, sans-serif;TEXT-ALIGN:left;VERTICAL-ALIGN:middle;COLOR:threedhighlight;BACKGROUND-COLOR:threedshadow;WIDTH:100%;BORDER:1px outset;PADDING:5px; }
.NSInputBlock		{ TEXT-ALIGN:left;FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;VERTICAL-ALIGN:middle;PADDING-LEFT:8px;COLOR:#000000;WHITE-SPACE:nowrap;WIDTH:100%; }
.NSInputBlock BUTTON { BORDER:0px;BACKGROUND:transparent;PADDING:0px;PADDING-LEFT:4px;PADDING-RIGHT:4px; }
/*
.NSInputBlock A		{ FONT:normal normal bold 8pt Arial, Helvetica, sans-serif;PADDING-LEFT:10px;PADDING-RIGHT:8px;TEXT-ALIGN:right;VERTICAL-ALIGN:middle;COLOR:#0066cc;WHITE-SPACE:nowrap; }
*/
.NSInputBlock A:hover	{ TEXT-DECORATION:underline; }
.NSButtonBlock		{ TEXT-ALIGN:center;VERTICAL-ALIGN:top;BORDER-LEFT:1px solid #c0c0c0;PADDING:0px;WIDTH:130px;BACKGROUND-COLOR:#efefef; }
.INPUTHIGHLIGHT		{ BORDER:1px solid #0000FF; }
.INPUTHIGHLIGHTERROR{ BORDER-BOTTOM:1px solid #FF0000;BORDER-RIGHT:1px solid #FF0000;BACKGROUND:#ffffff;COLOR:#000000; }
.INPUTREQUIRED		{ BORDER-BOTTOM:1px solid #00FF00;BORDER-RIGHT:1px solid #00FF00; }
.INPUTREADONLY 		{ BACKGROUND:buttonface;COLOR:buttontext;BORDER:1px solid buttonshadow; }
.INPUTERROR 		{ BORDER-BOTTOM:1px solid #FF0000;BORDER-RIGHT:1px solid #FF0000;BACKGROUND:yellow;COLOR:#FF0000; }
.LOOKUPCOMBO .outlook .ntb-combobox-text-container { BORDER:0px;PADDING:0px;WIDTH:100%; }
.LOOKUPCOMBO .outlook .ntb-combobox-text-container-disabled { BORDER:0px;PADDING:0px;BACKGROUND:window;WIDTH:100%; }
.LOOKUPCOMBO .outlook .ntb-combobox-input-disabled { BACKGROUND:buttonface;COLOR:buttontext; }
.NTBCOMBO .outlook .ntb-combobox-text-container { BORDER:0px;PADDING:0px; }
.NTBCOMBO .outlook .ntb-combobox-text-container-disabled { BORDER:0px;PADDING:0px;BACKGROUND:window; }
.NTBCOMBO .outlook .ntb-combobox-input-disabled { BACKGROUND:buttonface;COLOR:buttontext; }
.ImageButton		{ FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:8pt;FONT-WEIGHT:bold; }
.trCurrFormTab		{ CURSOR:default;BACKGROUND-COLOR:highlight;FONT-SIZE:8pt;FONT-WEIGHT:normal; }
.trCurrFormTab TD	{ COLOR:highlighttext;VERTICAL-ALIGN:middle; }
.trFormTab			{ CURSOR:pointer;FONT-SIZE:8pt;FONT-WEIGHT:normal; }
.trFormTab TD		{ COLOR:buttontext;VERTICAL-ALIGN:middle;CURSOR:pointer; }
.trFormTabOver		{ CURSOR:pointer;BACKGROUND:buttontext;FONT-SIZE:8pt;FONT-WEIGHT:normal; }
.trFormTabOver TD	{ COLOR:buttonface;VERTICAL-ALIGN:middle;CURSOR:pointer; }
.divDateCalendar	{ DISPLAY:none;WIDTH:175px; }
.divDateInput		{ DISPLAY:block; }
.FormButton			{ WIDTH:120px; }
.JXPPageTip			{ PADDING:5px; }
.JXPPageTip LEGEND	{ BACKGROUND:url(../images/help.gif);PADDING-LEFT:20px;BACKGROUND-REPEAT:no-repeat; }

/*********************************************************************************/
/* Date Picker */
/*********************************************************************************/
.datePicker {BORDER:1px outset buttonface;BACKGROUND:window;WIDTH:100%;HEIGHT:100%;PADDING:0px;CURSOR:default;-MOZ-USER-FOCUS:normal;}
.datePicker td {FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;TEXT-ALIGN:center;COLOR:windowtext;CURSOR:default;FONT-WEIGHT:normal;-MOZ-USER-SELECT:none;PADDING:0;}
.datePicker td.red {COLOR:red;}
.datePicker .header {BACKGROUND:activecaption;COLOR:captiontext;PADDING:3px;BORDER-BOTTOM:1px solid black;}
.datePicker .headerTable {WIDTH:100%;}
.datePicker .footer {PADDING:3px;BACKGROUND:window;TEXT-ALIGN:center;}
.datePicker .footerTable {BACKGROUND:window;}
.datePicker .grid {PADDING:3px;BACKGROUND:window;}
.datePicker .gridTable {WIDTH:100%;}
.datePicker .gridTable td {WIDTH:14.3%;}
.datePicker .gridTable .daysRow td {FONT-WEIGHT:bold;BORDER-BOTTOM:1px solid windowtext;}
.datePicker .grid .gridTable .upperLine {WIDTH:100%;HEIGHT:2px;OVERFLOW:hidden;}
.datePicker td.today {TEXT-ALIGN:center;}
.datePicker td.selected {BACKGROUND:windowtext;COLOR:window;}
.datePicker td.labelContainer {WIDTH:100%;WHITE-SPACE:nowrap;}
.datePicker td .topLabel {COLOR:captiontext;DISPLAY:block;FONT-WEIGHT:bold;WIDTH:100%;TEXT-DECORATION:none;}
.datePicker td.filler {}
.datePicker button {FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:8pt;FONT-WEIGHT:normal;}
.datePicker .previousButton {BACKGROUND:buttonface url(../images/arrow.left.gif) no-repeat center center;}
.datePicker .nextButton {BACKGROUND:buttonface url(../images/arrow.right.gif) no-repeat center center;}
.datePicker .previousButton,.datePicker .nextButton {WIDTH:14px;HEIGHT:14px;}
.datePicker .todayButton,.datePicker .noneButton {WIDTH:60px;}
.datePicker .labelPopup {POSITION:absolute;MIN-WIDTH:130px;BACKGROUND:window;BORDER:1px solid WindowText;PADDING:1px;}
.datePicker .labelPopup a {WIDTH:100%;DISPLAY:block;COLOR:windowtext;TEXT-DECORATION:none;WHITE-SPACE:nowrap;}
.datePicker .labelPopup a:hover {BACKGROUND:highlight;COLOR:highlighttext;}
.datePicker .labelPopup a.selected {FONT-WEIGHT:bold;}
/*********************************************************************************/
/* Grid Objects */
/*********************************************************************************/
.tblGrid			{ TABLE-LAYOUT:fixed; }
.tblGrid TH			{ FONT-WEIGHT:normal;BORDER:1px solid;BORDER-COLOR:threedhighlight threedshadow threedshadow threedhighlight;OVERFLOW:hidden;TEXT-OVERFLOW: ellipsis "..." ;BACKGROUND:threedface; }
.tblGrid TD			{ FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;padding-top:6px; }
.tblGridBanner		{ BACKGROUND-COLOR:buttonshadow;COLOR:buttonhighlight;WIDTH:100%;BORDER:1px outset; }
.tblGridBanner TD	{ PADDING:0px;PADDING-LEFT:5px;PADDING-TOP:5px;PADDING-BOTTOM:5px;FONT:normal normal bold 10pt Arial, Helvetica, sans-serif; }
.tdGridBanner2		{ BACKGROUND-COLOR:buttonshadow;COLOR:buttonhighlight;WIDTH:100%;VERTICAL-ALIGN:middle;TEXT-ALIGN:center;FONT:normal normal normal 10pt Arial, Helvetica, sans-serif;PADDING-LEFT:5px; }
.tblGridBanner2 TD	{ PADDING:5px;FONT:normal normal bold 10pt Arial, Helvetica, sans-serif; }
.tdGridBanner3		{ WIDTH:100%;VERTICAL-ALIGN:middle;TEXT-ALIGN:center;FONT:normal normal normal 8pt Arial, Helvetica, sans-serif;PADDING-LEFT:5px; }
#divDragDrop		{ BORDER:0px;OVERFLOW:hidden;POSITION:relative;/*WIDTH:100%;HEIGHT:100%;*/ }
#divDragDropScroll	{ BORDER:0px solid windowframe;OVERFLOW:auto;POSITION:relative;/*WIDTH:100%;*/ }
/*********************************************************************************/
/* POPUP WINDOW */
/*********************************************************************************/
#ifrmPOPUP			{ DISPLAY:none;POSITION:absolute;WIDTH:500px;HEIGHT:250px;BORDER:1px solid windowframe;z-index:1001; }
/*********************************************************************************/
/* ERROR WINDOW */
/*********************************************************************************/
#divErrorText		{ DISPLAY:none;POSITION:absolute;WIDTH:600px;HEIGHT:250px;BORDER:1px solid windowframe;z-index:1001;BACKGROUND-COLOR:buttonface; }
/*********************************************************************************/
/* SCHEDULING CALENDAR */
/*********************************************************************************/
.CalendarTable { width:100%;height:200;background:#efefef;color:black;border:1px solid windowframe; }
.CalendarToDay { cursor:pointer;background:windowtext;color:window;font-weight:bold; }
.CalendarDay { cursor:pointer; }
.CalendarDayHiLight { cursor:pointer;background:highlight;color:highlighttext; }
.CalendarMonth { cursor:pointer;background:window;color:windowtext; }
.CalendarMonthHiLight { cursor:default;background:highlight;color:highlighttext; }
.CalendarMonthSelect { cursor:default;background:windowtext;color:window; }

#NSCalendarHeading		{ BORDER:1px outset;WIDTH:100%;BACKGROUND-COLOR:#efefef;COLOR:black;TEXT-ALIGN:center;FONT:normal normal normal 10pt Arial; }
#NSCalendarTable		{ BORDER:0px;WIDTH:100%;HEIGHT:100%; }
.NSCalendarTableTD		{ BACKGROUND:threedface;WIDTH:10%;FONT:normal normal normal 8pt Arial;COLOR:buttontext;BORDER-TOP:1px threedhighlight solid;BORDER-LEFT:1px threedhighlight solid;BORDER-BOTTOM:1px solid threedshadow;BORDER-RIGHT:1px solid threedshadow; }

.NSCalendarTableTD A {
	color			: buttontext;
	width			: 100%;
	height			: 100%;
	background		: threedface;
}
.NSCalendarTableTD A:Hover {
	color			: highlighttext;
	background		: highlight;
}
#NSCalendarApptTable {
	border			: 0px;
}
#NSCalendarApptTable TD {
	vertical-align		: top;
	border			: 0px;
}
.NSDayCalendarEvenRow	{ BACKGROUND:infobackground;WIDTH:90%;VERTICAL-ALIGN:top;BORDER:0px;FONT:normal normal normal 8pt Arial; }
.NSDayCalendarOddRow	{ BACKGROUND:window;WIDTH:90%;VERTICAL-ALIGN:top;BORDER:0px;FONT:normal normal normal 8pt Arial; }

.NSMonthCalendarTable			{ WIDTH:100%;HEIGHT:100%;BACKGROUND:window; }
.NSMonthCalendarTable THEAD		{ HEIGHT:20px; }
.NSMonthCalendarTable THEAD TR	{ HEIGHT:20px; }
.NSMonthCalendarTable THEAD TD	{ FONT-WEIGHT:bold;TEXT-ALIGN:right;VERTICAL-ALIGN:bottom;WIDTH:14%;BACKGROUND:buttonshadow;HEIGHT:20px;COLOR:buttonhighlight;BORDER-TOP:1px threedhighlight solid;BORDER-LEFT:1px threedhighlight solid;BORDER-BOTTOM:1px solid threedshadow;BORDER-RIGHT:1px solid threedshadow; }
.NSMonthCalendarTable TR		{ HEIGHT:16%; }
.NSMonthCalendarTable TD		{ HEIGHT:16%;PADDING-LEFT:2px;PADDING-RIGHT:2px;VERTICAL-ALIGN:top;TEXT-ALIGN:left;BORDER-TOP:1px threedhighlight solid;BORDER-LEFT:1px threedhighlight solid;BORDER-BOTTOM:1px solid threedshadow;BORDER-RIGHT:1px solid threedshadow; }

.divHoliday				{ text-align:center;padding:2px;color:white;border:1px outset;background-color:blue; }
.divShift				{ text-align:center;padding:2px;color:buttontext;border:1px outset;background-color:buttonface;cursor:pointer; }
.divTimeOff			  	{ text-align:center;padding:2px;color:red;border:1px outset;background-color:buttonface;cursor:pointer; }

.HolidayDiv 			{ BORDER:1px solid black;BACKGROUND-COLOR:blue;COLOR:white;POSITION:relative;PADDING:1px; }
.TimeOffDiv 			{ BORDER:1px solid blue;BACKGROUND-COLOR:#CC9900;COLOR:black;POSITION:relative;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }
.TimeOffDiv0			{ BORDER:1px solid orange;BACKGROUND-COLOR:#FFEE00;COLOR:black;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* PENDING APPROVAL */
.TimeOffDiv1 			{ BORDER:1px solid blue;BACKGROUND-COLOR:#FF3300;COLOR:black;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* APPROVED */
.TimeOffDiv2 			{ BORDER:1px solid red;BACKGROUND-COLOR:#FF6633;COLOR:black;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* DECLINED */
.TimeOffDiv3 			{ BORDER:1px solid blue;BACKGROUND-COLOR:#FFCC00;COLOR:black;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* SCHEDULED */
.TimeOffDivHiLight		{ BORDER:1px solid activecaption;BACKGROUND-COLOR:orange;COLOR:black;POSITION:relative;PADDING:1px;CURSOR:pointer; }
.TimeSlipDiv0			{ BORDER:1px solid orange;BACKGROUND-COLOR:green;COLOR:white;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* ACTIVE */
.TimeSlipDiv1			{ BORDER:1px solid orange;BACKGROUND-COLOR:white;COLOR:black;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* COMPLETE */
.TimeSlipDiv2			{ BORDER:1px solid orange;BACKGROUND-COLOR:cyan;COLOR:black;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* APPROVED */
.TimeSlipDiv3			{ BORDER:1px solid orange;BACKGROUND-COLOR:black;COLOR:white;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* BILLED */
.TimeSlipDiv4			{ BORDER:1px solid orange;BACKGROUND-COLOR:orange;COLOR:black;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* PAUSED */
.TimeSlipDiv5			{ BORDER:1px solid orange;BACKGROUND-COLOR:lightblue;COLOR:black;FONT-SIZE:7pt;TEXT-ALIGN:center;PADDING:2px; }	/* SCHEDULED */
.ScheduledDiv 			{ BORDER:1px solid lightgreen;BACKGROUND-COLOR:lightgreen;COLOR:black;POSITION:absolute;PADDING:1px; }
.AvailableDiv 			{ BORDER:1px solid lightblue;BACKGROUND-COLOR:lightblue;COLOR:black;POSITION:absolute;PADDING:1px; }
.AvailableShiftDiv 		{ BORDER:1px solid navy;BACKGROUND-COLOR:navy;COLOR:white;POSITION:absolute;PADDING:1px; }
.AvailableUserDiv 		{ BORDER:1px solid green;BACKGROUND-COLOR:lightblue;COLOR:black;POSITION:absolute;PADDING:1px; }
.AvailableDivHiLight	{ BORDER:1px solid activecaption;BACKGROUND-COLOR:lightblue;COLOR:black;POSITION:absolute;PADDING:1px;CURSOR:pointer; }

/*********************************************************************************/
/* SCHEDULING SHIFT DIVS */
/*********************************************************************************/
.AssignedDiv					{ BORDER:1px solid activecaption;BACKGROUND-COLOR:lightgreen;COLOR:black;PADDING:2px;CURSOR:move;text-align:center;font-size:7pt; }
.CALLBACKAssignedDiv			{ BORDER:1px solid activecaption;BACKGROUND-COLOR:lightgreen;COLOR:black;PADDING:2px;CURSOR:default;text-align:center;font-size:7pt; }
.SPLITAssignedDiv,
.SPLITCALLBACKAssignedDiv		{ BORDER:1px solid activecaption;BACKGROUND-COLOR:lightgreen;COLOR:black;PADDING:2px;CURSOR:default;text-align:center;font-size:7pt; }
.PAIDAssignedDiv,
.PAIDSPLITAssignedDiv,
.PAIDCALLBACKAssignedDiv,
.PAIDSPLITCALLBACKAssignedDiv	{ BORDER:1px solid white;BACKGROUND-COLOR:black;COLOR:white;PADDING:2px;CURSOR:default;text-align:center;font-size:7pt; }
.UnAssignedDiv					{ BORDER:1px solid activecaption;BACKGROUND-COLOR:darkred;COLOR:white;PADDING:2px;CURSOR:move;text-align:center;font-size:7pt; }
.CALLBACKUnAssignedDiv			{ BORDER:1px solid activecaption;BACKGROUND-IMAGE:url(../images/btncallback.gif);BACKGROUND-POSITION:left top;BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:darkred;COLOR:white;PADDING:2px;PADDING-LEFT:16px;CURSOR:default;text-align:center;font-size:7pt; }
.SPLITUnAssignedDiv,
.SPLITCALLBACKUnAssignedDiv		{ BORDER:1px solid activecaption;BACKGROUND-COLOR:darkred;COLOR:white;PADDING:2px;CURSOR:default;text-align:center;font-size:7pt; }
.PAIDSPLITUnAssignedDiv,
.PAIDCALLBACKUnAssignedDiv,
.PAIDSPLITCALLBACKUnAssignedDiv	{ BORDER:1px solid white;BACKGROUND-COLOR:black;COLOR:white;PADDING:2px;CURSOR:default;text-align:center;font-size:7pt; }
.OvertimeDiv					{ BORDER:1px solid activecaption;BACKGROUND-COLOR:darkorange;COLOR:black;PADDING:2px;CURSOR:move;text-align:center;font-size:7pt; }
.CALLBACKOvertimeDiv			{ BORDER:1px solid activecaption;BACKGROUND-COLOR:darkorange;COLOR:black;PADDING:2px;CURSOR:default;text-align:center;font-size:7pt; }
.PAIDOvertimeDiv,
.PAIDCALLBACKOvertimeDiv		{ BORDER:1px solid white;BACKGROUND-COLOR:black;COLOR:white;PADDING:2px;CURSOR:default;text-align:center;font-size:7pt; }

.SchedEmp				{ PADDING-LEFT:4px;WIDTH:100px;BORDER:1px solid;BORDER-COLOR:threedhighlight threedshadow threedshadow threedhighlight;BACKGROUND:buttonface;POSITION:relative; }
.SchedEmpType			{ PADDING-LEFT:4px;WIDTH:100px;BORDER:1px solid;BORDER-COLOR:threedhighlight threedshadow threedshadow threedhighlight;BACKGROUND:buttonface;POSITION:relative; }
.tdEmpDayMin			{ vertical-align:top;padding-top:0px;padding-bottom:10px;width:30px;border-right:1px solid buttonface;border-bottom:1px solid buttonface; }
.tdEmpDayMax			{ vertical-align:top;padding-top:0px;padding-bottom:10px;width:100px;border-right:1px solid buttonface;border-bottom:1px solid buttonface; }
.tdSiteSpec				{ PADDING-LEFT:4px;WIDTH:80px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;BACKGROUND:#FFD9B3;POSITION:relative; }
.tdSite					{ PADDING-LEFT:4px;WIDTH:80px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;BACKGROUND:#efefef;POSITION:relative; }
.tdStation				{ PADDING:4px;BORDER:1px solid;BORDER-COLOR:threedhighlight threedshadow threedshadow threedhighlight;BACKGROUND:buttonface;POSITION:relative;FONT-WEIGHT:bold; }
.tdShiftType			{ WIDTH:125px;BORDER:1px solid;BORDER-COLOR:threedhighlight threedshadow threedshadow threedhighlight;BACKGROUND:buttonface;POSITION:relative; }
.tdShiftTypeSpec		{ WIDTH:125px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;BACKGROUND:#FFD9B3;POSITION:relative; }
.tdHolidays				{ BORDER-LEFT:0px solid buttonface;BORDER-RIGHT:1px solid buttonshadow;BORDER-TOP:1px solid black;BORDER-BOTTOM:2px solid black;BACKGROUND-COLOR:#efefef;FONT-WEIGHT:bold;PADDING-LEFT:10px;POSITION:relative; }
.tdHolidayDay			{ PADDING-TOP:0px;BORDER-LEFT:0px solid buttonshadow;BORDER-RIGHT:1px solid buttonshadow;BORDER-BOTTOM:2px solid black;BORDER-TOP:1px solid black;BACKGROUND-COLOR:#efefef; }

.tdDay00				{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;WIDTH:70px; }
.tdDay01				{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;WIDTH:30px; }
.tdDay10				{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;WIDTH:100px; }
.tdDay11				{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;WIDTH:30px; }
.tdDayS00				{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;WIDTH:70px;BACKGROUND:#FFD9B3; }
.tdDayS01				{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;WIDTH:30px;BACKGROUND:#FFD9B3; }
.tdDayS10				{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;WIDTH:100px;BACKGROUND:#FFD9B3; }
.tdDayS11				{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;WIDTH:30px;BACKGROUND:#FFD9B3; }

.HOVERCellDiv			{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER-RIGHT:1px solid buttonface;BORDER-BOTTOM:1px solid buttonface;BACKGROUND-COLOR:highlight;COLOR:highlighttext; }
.HOVERShiftDiv			{ VERTICAL-ALIGN:top;PADDING-BOTTOM:10px;BORDER:1px solid activecaption;BACKGROUND-COLOR:highlight;COLOR:highlighttext;PADDING:2px;CURSOR:default;text-align:center;font-size:7pt; }

/*********************************************************************************/
/* CUSTOM NITOBI GRID FORMATTING */
/*********************************************************************************/
.esttimeoff				{ BACKGROUND:coral; }
.evenrotationweek		{ BACKGROUND:cornsilk; }
.oddrotationweek		{ BACKGROUND:white; }
.currrotationweek		{ BACKGROUND:palegreen; }
.emptyrotationweek		{ BACKGROUND:#e0e0e0; }

.scrollButton			{ position:absolute;height:16px;width:100%;overflow:hidden;font-family:webdings;font-size:10px;text-align:center;color:white;display:none;cursor:default;border:1px outset;z-index:2px;background-image:url(../images/desktop/dlg-bg.gif); }
.scrollButtonOver		{ position:absolute;height:16px;width:100%;overflow:hidden;font-family:webdings;font-size:10px;text-align:center;background:buttonshadow;color:buttonhighlight;display:none;cursor:default;border:1px inset;z-index:2px; }

.toolBar				{ background-image:url(../images/desktop/top-bottom.png);padding:2px; }