/*
	Put style that are used by Common.js\SetStyleByID function at the top to
	improve performance.

    Do a reg-exp search for ^[#a-zA-Z] to find css linked to id
*/
#icon
{
	width: 1px;
	height: 1px;
}

body
{
	background-color:#FFFFFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	font-family: Verdana;
	font-size: xx-small;
}

h2
{
  font-family: Verdana;
  font-size: small;
}

h3
{
  font-family: Verdana;
  font-size: x-small;
}

h4
{
  font-family: Verdana;
  font-size: x-small;
}

p
{
  font-family: Verdana;
  font-size: x-small;
}

ul
{
  font-family: Verdana;
  font-size: x-small;
}

a
{
  font-family: Verdana;
  font-size: x-small;
}

input
{
	font-family: Verdana;
	font-size: xx-small;
}

select
{
	font-family: Verdana;
	font-size: xx-small;
}

/*
 * See also CompensateTD, at bottom of this file
 */
td
{
	padding-left: 5;
	font-family: Verdana;
	font-size: xx-small;
}

img
{
	border-width: 0px;
}

.SeperatorLine
{
	background-color: Black;
	height: 4px;
	width: 100%;
}

.SeperatorLine2
{
	background-color: #658a78;
	height: 4px;
	width: 100%;
}

.GapLine
{
	height: 20px;
	width: 100%;
}

.GapCell
{
	width: 10px;
}

.ContextToBodyWidthGap
{
	width: 10px;
}

.ContextToBodyHeightGap
{
	height: 10px;
}

.LogOnGapRow
{
	height: 10px;
}

.BiSectionGap
{
	width: 10px;
}

/*
.StandardLinkText
{
	background-color: #658a78;
	color: #dcefe6;
	font-size: xx-small;
	padding: 0 2 0 0;
	text-decoration: none;
	border-width: 1px;
	border-style: outset;
	padding: 4 1 4 0;

	border-left-color: #DCEFE6;
	border-top-color: #DCEFE6;
	border-bottom-color: green;
	border-right-color: green;
}
*/
.StandardLinkText
{
	background-color: #658A78;
	color: #DCEFE6;
	font-size: 16;
	padding: 0 2 0 0;
	text-decoration: none;
}

.StandardLinkTextButton
{
	background-color: #658A78;
	color: #DCEFE6;
	font-size: 10;
	font-weight: bold;
	text-decoration: none;

	border-width: 1px;
	border-style: outset;
	padding: 3 3 3 3;
	/* height:0, compensates for a bug (?) where the increased padding 
     * makes the border invisible
     */
	/*height: 0; -- Removed by ASCO to make it work in firefox/netscape*/
	border-left-color: #A5B2AC;/*#DCEFE6;*/
	border-top-color: #A5B2AC;
	border-bottom-color: green;
	border-right-color: green;
}

.PageTitle
{
	font-family: Verdana;
	font-size: medium;
	font-weight: bold;
	background-color: #658a78;
	color: #dcefe6;
	padding: 2 5 2 5;
}

.Curve
{
	background-color: #658a78;
	height: 30px;
}

a
{
	color: Green;
}

a:hover
{
	text-decoration: underline;
}

.LayoutTable
{
	border-width: 0;
	padding: 0 0 0 0;
	font-size: xx-small;
	border-collapse: collapse;
}

.LayoutTable td
{
	padding: 1 2 1 0;
}

.Hint
{
	color: DarkGreen;
	font-size: xx-small;
}

.ErrorProvider
{
	width: 15px;
	table-layout:fixed;
}

.ErrorProvider-FullText
{
	border-width: 2px;
	border-color: Red;
	border-style: solid;
	padding: 5 5 5 5;
	background-color: GhostWhite;
	color: Red;
}

.Prompt
{
	font-size: x-small;
	color: DarkGreen;
}

.Seperator
{
	height: 10px;
}

.ErrorMessage
{
	font-size: xx-small;
	color: Red;
}

.ReadOnlyTextBox
{
	background-color:Gray;
	color: White;
}

.ErrorBox
{
	background-color: GhostWhite;
	border-style: double;
	border-color: Red;
	padding: 10 10 10 10;
}

.FatalErrorTitle
{
	font-size: medium;
	font-weight: bold;
	color: Red;
}

.TimeEntry
{
	width: 60px;
}

.DateEntry
{
	width: 80px;
}

.NumberEntry
{
	width: 100px;
}

.URLEntry
{
	width: 400px;
}

.DescriptionEntry
{
	width: 200px;
}

.PasswordEntry
{
	width: 200px;
}

.GeneralEntry
{
	width: 200px;
}

.TextEntry
{
	width: 200;
}

.CodePicker
{
	width: 300px;
}

.TabButton
{
	font-weight: normal;
	border-width: 0px;
	border-style: none;
	text-decoration: none;
	color: Black;
	padding: 2 2 2 2;
}

.TabButton-Selected
{
	font-weight: bold;
	border-width: 0px;
	border-style: none;
	text-decoration: none;
	color: Green;
	padding: 2 2 2 2;
}

.Calendar-Day
{
	font-family: Verdana;
	font-size: xx-small;
}

.Calendar-Today
{
	background-color: #FFFFC0;
}

.Calendar-DayHeader
{
	font-size: x-small;
	border-style: none;
	text-decoration: underline;
	background-color: #E0E0E0;
}

.Calendar-SelectedDay
{
	font-size: xx-small;
	font-weight: bold;
	color: White;
	background-color: #658a78;
}

.Calendar-Title
{
	font-size: x-small;
	font-weight: bold;
	color: White;
	background-color: #658a78;
}

.Calendar-OtherMonth
{
	color: Gray;
}

#menubar
{
	width:450px;
	left:5px;
	top:55px;
	background-color:#F9F1C8;
	border-width: 1px;
	border-color: #AD5800;
	border-style: solid;
	padding:2px;
}

#menubar a
{
	color:#AD5800;
	letter-spacing:1px;
	border-width: 1px;
	border-color: #F9F1C8;
	border-style: solid;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}

#menubar a.active
{
	border-bottom-color:#CCC599;
	border-right-color:#CCC599;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
}

.menu .options
{
	margin-right:1px;
	margin-bottom:1px;
	border-width: 1px;
	border-color: #AD5800;
	border-style: solid;
	background-color:#F9F1C8;
}

.menu a
{
	color:#AD5800;
	display:block;
	padding:2px 10px;
	text-decoration:none;
	background-color:transparent;
}

.menu a:hover
{
	background-color:#AD5800;
	color:#FAF7E1;
}

.Navigator
{
	background-color: #658a78;
}

.RefreshButton
{
	font-size: xx-small;
	background-color: #658a78;
	color: Black;
}

.SlightGap
{
	width: 5px;
}

.Toolbar
{
	background-color: #658a78;
	color: White;
	font-weight: bold;
}

.PageText
{
	font-size: x-small;
	font-weight: bold;
	background-color: #658A78;
	color: White;
}

.PageText2
{
	font-size: xx-small;
	font-weight: bold;
	background-color: #658A78;
	color: White;
}

.EmployeePageText
{
	font-size: x-small;
	font-weight: bold;
	background-color: #658A78;
	color: White;
}

.IndentCell
{
	width: 20px;
}

.TableHeader
{
	font-size: xx-small;
	color: White;
	background-color: #658a78;
	height: 20px;
	font-weight: bold;
}

.PreferencesTitle
{
	font-weight: bold;
}

.PreferencesBox
{
	background-color: Silver;
	border-width: 2px;
	border-color: Black;
	border-style: solid;
}

.GroupBox
{
	border-width: 1px;
	border-color: Black;
	border-style: solid;
}

.HeadingTextLabel
{
	width: 200px;
	color: White;
	background-color: #658a78;
	font-weight: bold;
}

.DayNameLabel
{
	width: 100px;
	color: White;
	background-color: #658a78;
	font-weight: bold;
}

.DatePickerStyleLabel
{
	width: 100px;
	color: White;
	background-color: #658a78;
	font-weight: bold;
}

.SideBar
{
	border-width: 1px;
	border-color: #658A78;
	border-style: solid;
	background-color: GhostWhite;
}

.SideBarTitle
{
	background-color: #658A78;
	color: White;
	font-weight: bold;
}

.SideBarHeading
{
	background-color: GhostWhite;
	color: Black;
	font-weight: bold;
}

.SideBarItem
{
	background-color: GhostWhite;
	color: Black;
}

.SideBarItemHover
{
	background-color: GhostWhite;
	color: Green;
}

.SideBarGapRow
{
	height: 20px;
}

/*----------------------------------------*/
/* No inheritance in css, so just add     */
/* '_Reports' to the end                  */
/*                                        */
/*  These will be used as is              */
/*                                        */
/* .SideBarTitle                          */
/* .SideBarGapRow                         */
/*----------------------------------------*/

.SideBar_Reports
{
	background-color: transparent;
}


.SideBarHeading_Reports
{
	background-color: transparent;
	color: Black;
	font-weight: bold;
}

.SideBarItem_Reports
{
	background-color: transparent;
	color: Black;
}

.SideBarItemHover_Reports
{
	background-color: transparent;
	color: Green;
}

.td_Reports
{
	padding-left: 0;
	padding-top: 2;
	padding-bottom: 2;
	font-family: Verdana;
	font-size: xx-small;
}
/*----------------------------------------*/

.trigger
{
	cursor: hand;
}

.branch
{
	display: none;
	margin-left: 16px;
}

.selectedTreeNode
{
	background-color: #658A78;
	color: White;
}

.unselectedTreeNode
{
	background-color: Transparent;
	color: Black;
}

.ExceptionMessage
{
	border-width: 2px;
	border-color: #658A78;
	border-style: solid;
	padding: 5 5 5 5;
	background-color: GhostWhite;
}

.ReleaseNotes
{
	border-width: 2px;
	border-color: #658A78;
	border-style: solid;
	background-color: Wheat;
}

.PageHeader
{
	background-color: #658a78;
}

.activityLevelHeader
{
	background-color: #658A78;
	color: White;
	font-weight: bold;
}

.VirtualActivityLevelHeader
{
	font-weight: bold;
}

.selectedActivity
{
	color: Black;
	font-weight: bold;
	font-size: x-small;
}

.FlagCombo
{
	width: 200px;
}

.ActivityPicker
{
	padding: 0 0 0 0;
	font-size: xx-small;
	border-collapse: collapse;
	width: 800;
}

.ActivityPicker table
{
	padding: 0 0 0 0;
	border-collapse: collapse;
	border-width: 0px;
	border-color: Black;
	border-style: solid;
	margin: 0 0 0 0;
	width: 100%;
}

.ActivityPickerGapRow
{
	height: 5px;
}

.ActivityPicker hr
{
	color: Black;
	height: 2px;
}

.ActivityPickerDiv
{
	overflow: auto;
	height: 100px;
	width: 100%;
}

.ActivityPickerCount
{
	width: 100%;
	text-align: center;
	color: Gray;
}

.SelectedActivityRow
{
	height: 14px;
	padding: 0 0 0 0;
}

.WorkbenchEmployeeGrid
{
	overflow: auto;
	width: 100%;
	height: 450px;
	background-color: White;
}

.WorkbenchTotalsGrid
{
	overflow: visible;
	width: 100%;
	height: 100%;
	background-color: White;
}

.GroupAdmin_EmployeeGrid
{
	font-size: xx-small;
	background-color: White;
	padding: 0 1 0 1;
	height: 16px;
}
.GroupAdmin_EmployeeGridAlt
{
	font-size: xx-small;
	background-color: #FFFFFF;
	padding: 0 1 0 1;
	height: 16px;
}

.GroupAbsReg_EmployeeGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	/*height: 320px;*/
	background-color: White;
}

.GroupAbsReg_AbsenceGrid
{
	overflow: auto;
	width: 100%;
	height: 100%;
	/*height: 350px;*/
	background-color: White;
}

.GroupOvertime_OvertimeAuthGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	/*height: 320px;*/
	background-color: White;
}

.GroupOvertime_EmployeeGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	/*height: 350px;*/
	background-color: White;
}

.GroupPattern_PatternSwapGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	/*height: 320px;*/
	background-color: White;
}

.GroupPattern_EmployeeGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	/*height: 350px;*/
	background-color: White;
}

.GroupClocking_ClockingsGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	/*height: 320px;*/
	background-color: White;
}

.GroupClocking_EmployeeGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	background-color: White;
}

#GroupBooking_BookingsGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	background-color: White;
}

#GroupBooking_EmployeeGridDiv
{
	overflow: auto;
	width: 100%;
	height: 100%;
	background-color: White;
}

.WB_NotActiveCell
{
	background-color: DarkGray;
	cursor: hand;
}

.WB_NoPatternCell
{
	background-color: DarkGray;
	cursor: hand;
}

.WB_ClosedCell
{
	background-color: DarkGray;
	cursor: hand;
}

.WB_FullDayAbsence
{
	background-color: LightGreen;
	cursor: hand;
}

.WB_FullDayAbsence_AnnualLeave
{
	background-color: Green;
	cursor: hand;
}

.WB_FullDayAbsence_Sickness
{
	background-color: DarkGreen;
	cursor: hand;
}

.WB_WorkingDay
{
	background-color: Blue;
	color: White;
	cursor: hand;
}

.WB_NonWorkingDay
{
	background-color: LightGrey;
	cursor: hand;
}

.WB_NonWorkingDay_Protected
{
	background-color: Gray;
	cursor: hand;
}

.WB_NonWorkingDay_Ignore
{
	background-color: SalmonPink;
	cursor: hand;
}

.WB_NonWorkingDay_Reserve
{
	background-color: LightBlue;
	cursor: hand;
}

.WB_NonWorkingDay_Available
{
	background-color: MediumBlue;
	cursor: hand;
}

.RWB_InfoRow
{
	background-color: LightYellow;
	color: Olive;
	cursor: hand;
}

.WB_SelectedCell
{
	background-color: Navy;
	color: FFFFFF;
	cursor: hand;
}

.WB_UnselectedCell
{
	background-color: White;
	color: Black;
	cursor: hand;
}

.WB_RowHeader
{
	cursor: hand;
}

.WB_ColumnHeader
{
	cursor: hand;
	color: Black;
}

.WB_ColumnHeader-Past
{
	cursor: hand;
	color: Gray;
}

.WB_GridHeader
{
	cursor: hand;
}

.WB_SummaryChildren
{
	color: Blue;
	cursor: hand;
}

.NoBorders
{
	padding: 0 0 0 0;
	border-collapse: collapse;
	border-width: 0px;
	border-color: Black;
	border-style: solid;
	margin: 0 0 0 0;
}

.NoBorders tr
{
	padding: 0 0 0 0;
	border-collapse: collapse;
	border-width: 0px;
	border-color: Black;
	border-style: solid;
	margin: 0 0 0 0;
}

.NoBorders td
{
	padding: 0 0 0 0;
	border-width: 0px;
	border-color: Black;
	border-style: solid;
	border-collapse: collapse;
	margin: 0 0 0 0;
}

.ParentTable
{
	width: 100%;
	border-collapse: collapse;
}

.ParentTable td
{
	padding: 0 0 0 6;
}

.InnerTable
{
    display: table;
    border-collapse: collapse;
    padding: 0em;
 }

.InnerTable table
{
    display: table;
    border-collapse: collapse;
    padding: 0em;
 }

.InnerTable td
{
    display: table-cell;
    margin: 0em;
    padding: 0em;
} 

.SelectBox
{
	width: 200px;
}

/*
 * This must come after the above, this restores tables back to their
 * default settings, so can use any number of inner tables for formatting
 * via class=InnerTable, then have a table with the normal settings via
 * class=DefaultTable further in 
 */
.DefaultTable
{
    border-collapse: separate;
}

.DefaultTable table
{
    border-collapse: separate;
}

.DefaultTable td
{
    padding: 1px;
}

.AlignCheckBox
{
	POSITION: relative;
	LEFT: -4px; 
}

.AlignRadioButton
{
	POSITION: relative;
	LEFT: -4px; 
}

.InnerTable-Line
{
	background-color: White;
}

.InnerTable-AlternatingLine
{
	background-color: CornSilk;
}

.SkillFilters
{
	background-color: GhostWhite;
}

.FiltersInEffect
{
	margin: 5 5 5 5;
	border-width: 2px;
	border-color: #658a78;
	border-style: solid;
	background-color: Wheat;
	z-index: 9999;
}

.FiltersInEffect-Heading
{
	font-weight: bold;
}

.ButtonBar
{
	border-style: solid;
	border-color: LightGreen;
	border-left-width: 3px;
	border-right-width: 3px;
	border-top-width : 2px;
	border-bottom-width: 2px;
	background-color: LightGreen;
}

.DatePickerGapRow
{
	height: 100px;
}

.drag
{
	position:relative;
	cursor:hand
}

.Disabled
{
	color:Gray;
}

.NoOffsetTD 
{ 
	padding: 0px 
}

.NoOffsetInnerTable 
{ 
	border-collapse: collapse; padding: 0; 
}

.expand-button
{
	cursor: hand;
	color: Green;
	font-size: 6pt;
}

.Summary-Line
{
	background-color: LightSteelGreen;
}

.Summary-AlternatingLine
{
	background-color: PapayaWhip;
}

.ChildSummary-Line
{
	background-color: White;
}

.ChildSummary-AlternatingLine
{
	background-color: FloralWhite;
}

#dayDiv, #weekDiv
{
	width: 1px;
	overflow: hidden;
}

/* +++ Web Check Cell +++ */
.WebCheckCellSelected
{
	background-color: #658a78;
	border-width: 1px;
	border-color: Black;
	border-style: solid;
	color: FFFFFF;
	cursor: hand;
}

.WebCheckCellUnselected
{
	background-color: Transparent;
	border-width: 1px;
	border-color: Silver;
	border-style: solid;
	color: Silver;
	cursor: hand;
}

.WebCheckCellClear
{
	background-color: Transparent;
	border-width: 0px;
	border-color: Black;
	border-style: solid;
	color: Transparent;
	cursor:auto;
}

/* +++ Weekly Timesheet +++ */
.WTS_NotesGrid
{
	overflow: auto;
	width: 100%;
	height: 100%;
	/*height: 350px;*/
	background-color: White;
}

.WTS_RecentActivitiesLevelHeader
{
	background-color: #658a78;
	color: White;
	font-weight: bold;
}

.WTS_RecentActivities
{
	border-width: 2px;
	border-color: #658a78;
	border-style: solid;
	padding: 0 0 0 0;
	font-size: xx-small;
	width: 800px;
	border-collapse: collapse;
	background-color: GhostWhite;
}

.WTS_DataGrid-FixedLine
{
	font-size: xx-small;
	background-color: Silver;
	padding: 0 1 0 1;
	height: 16px;
}

.WTS_TextBoxError
{
	color :Red;
	border-color: Red;
	border-style:solid;
}
.WTS_TextBoxChangedValid
{
	color : Green;
	border-color: Green;
	border-style: solid;
}

.WTS_ReadOnlyTextBox
{
	background-color:Gray;
	color: White;
}

.WTS_RedReadOnlyTextBox
{
	background-color:Gray;
	color: #FF9999;
}

.WTS_BookedRow
{
	background-color:Yellow;
}
/* --- Weekly Timesheet --- */

/* +++ Weekly Timesheet Enquiry +++ */

.WTSE_DataGrid-FixedLine
{
	text-align:center;
	font-size: xx-small;
	background-color: Silver;
	padding: 0 1 0 1;
	height: 16px;
}

.WTSE_TextBoxes
{
	padding: 0 0 0 0;
}

.WTSE_ReadOnlyTextBox
{
	background-color:Gray;
	color: White;
	padding: 0 0 0 0;
}

/* --- Weekly Timesheet Enquiry --- */
/* +++ Sundry Charges +++ */
.SC_Title
{
	font-weight: bold;
	font-size: 8pt;
	color: Black;
}
/* --- Sundry Charges --- */
.NoPadding
{
	padding: 0 0 0 0;
}

.NoPadding td
{
	padding: 0 0 0 0;
}

.LoggedInAs
{
	color: #658A78;
	background-color: #DCEFE6;
	text-align: right;
	padding-right: 10px;
}

.LoginName
{
	color:blue;
	font-weight: bold;
	font-size: medium;
}

.ErrorText
{
	color: Red;
	font-weight: bold;
	font-size: medium;
}

.MonthPickerSameYear
{
	color: Green;
	cursor: hand;
	text-decoration: none;
}

.MonthPickerOtherYear
{
	color: Blue;
	cursor: hand;
	text-decoration: none;
}

.AcceptButton
{
	color: Green;
}

.ClearButton
{
	color: Red;
}

.DeleteAllButton
{
}

.OtherButton
{
}

.HalfOnScreenAllOnPrint
{
	width: 50%;
}

.SubHeading
{
	font-weight: bold;
}

.DropDownTextBox
{
	BorderStyle="None";
}

.EmployeeInfoGap
{
	width: 50;
}

.EmployeeInfoEntryBoxSize
{
	width: 184;
}

.LogOnButton
{
	width: 55;
}

/* this assumes the standard font size */
.TextBox40Chars
{
	MaxLength: 40;
	width: 240px;
}

.EntitlementSummary
{
	BACKGROUND-COLOR: white;
}

.EntitlementSummaryText
{
	font-size: 12;
}

.EntitlementSummaryTitleText
{
	font-size: 12;
	font-weight: bold;
}

.EntitlementSummaryAsAtText
{
	font-size: 12;
}

.EntitlementCardBackground
{
	background-color: White;
	border-width: 1px;
	border-color: Black;
	border-style: groove;
	padding: 2;
}

.DataGridExceptionItem
{
	color: Red;
}

.HolidayTextClass
{
	/* For now do nothing */
}

.SelectionBoxMainDiv 
{ 
	border-width: 2px;
	border-style: inset;
	background-color: White;
	overflow: auto;
}


.SBSelected 
{ 
	BACKGROUND: #0a246a;
	COLOR: white 
}

.SelectionFilterButton
{
	width: 40px;
}

.HoursEnquiry_NumberFormat
{
	text-align: right;
}

.ReportSuccessMessage
{
	FONT-SIZE: 15px;
	font-weight: bold;
	COLOR: red;
}



/*
 * End-Marker
 *
 * ----------------------------------------------------------------
 *  These have to be last so that they can take precedence over the rules
 * specified above (or could just change like the below, but thats a 
 * sledge hammer answer)
 *
 *  border: groove ! Important;
 * ----------------------------------------------------------------
 */


/*
 * Place this in a table so that the inner tds are not affected by the above
 */
.RemovePadding TD
{
  padding: 0
}
/*
 * Or, if just want to compensate for a single TD
 */
.RemovePadding
{
  padding-left: 0
}

TD.HeightSeparation
{
	padding-top: 10px;
}


/*
 * DataGrids are really tables, they will be placed in inner tables
 * and so need to take precedence over the above
 */

/* DataGrid css classes are automatically added in BaseWebForm::ProcessControls, you
 * can avoid this if neccesary by adding the below to the DataGrid
 */
.ContainerDataGrid
{
}

.DataGrid-AlternatingLine
{
	font-size: xx-small;
	background-color: Ivory;
	padding: 0 1 0 1;
	height: 16px;
}

.DataGrid-Line
{
	font-size: xx-small;
	background-color: White;
	padding: 0 1 0 1;
	height: 16px;
}

.DataGrid-Header
{
	font-size: xx-small;
	background-color: Silver;
	color: Black;
	padding: 0 1 0 1;
	height: 16;
}

.DataGrid-Footer
{
	background-color: White;
	color: Black;
	border-width: 0px;
}

.DataGrid-Selected
{
	background-color: #658a78;
	color: White;
}

.DataGrid-Pager
{
	background-color: White;
	color: Black;
}

.DataGridTable
{
	border-width: 2px;
	border-color: #658A78;
	border-style: solid;
	width: 100%;
}

.DataGrid td
{
    border-collapse: separate;
	padding: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #E1E0D2;
} 

.DataGrid
{
    border-collapse: separate;
    border-width: 1px;
    border-style: solid;
    border-color: #E1E0D2;
} 


/*
 * Date Picker
 */


.DatePicker
{
	background-color: White;
}

.DatePicker td
{
	padding: 0 0 0 0;
}

.DatePickerCalendar
{
	background-color: White;
}

.DatePickerLabel
{
	width: 80px;
	background-color: White;
	padding-left: 2px;
}

.DatePickerLabel-DayName
{
	width: 100px;
	background-color: White;
	padding-left: 2px;
}

.DatePickerTable
{
	border-width: 1px;
	border-color: Black;
	border-style: solid;
	width: 100%;
}

.DatePickerTable td
{
	padding: 2 0 2 0;
}

 
 
/*
 * previously LightSlateGray
 */


.DatePickerCalendarTable
{
	background-color: White;
	border-width: 0;
	border-collapse: collapse;
	width: 100%;
}

.DatePickerCalendarDIV
{
	display: none;
	position: absolute;
	z-index: 9999;
	border-width: 1px;
	border-color: #658A78;
	border-style: outset;
}

.ZeroSummary
{
	color: Gray;
}

.GapRow
{
	height: 5px;
}

.GapCell
{
	width: 5px;
}

.EntitlementBreakDownItem 
{
	text-align: right;
}

#hide
{
	display: none;
}

.no
{
	display: none;
}

.R1
{
	text-align: right;
	padding-right: 1px;
}

.R
{
	text-align: right;
}

.R0
{
	text-align: right;
	padding: 0 0 0 0;
}

.hand
{
	cursor: hand;
}

.FilterItem
{
	vertical-align: middle;
}

.FilterItem input
{
	vertical-align: middle;
}

.FilterItem td
{
	padding: 0 0 0 0;
}

.DialogDiv
{
	background-color: Transparent;
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.DialogTable
{
	width: 100%;
	height: 100%;
}

.Dialog
{
	position: absolute;
	display: block;
	top: 50px;
	left: 50px;
	background-color: Wheat;
	border-width: 1px;
	border-color: Black;
	border-style: solid;
	cursor: default;
}

.Dialog .Border
{
	height: 10px;
	width: 10px;
}

.Popup
{
	position: absolute;
	display: none;
	border-width: 2px;
	border-color: Black;
	border-style: groove;
	background-color: White;
	/*width: 880;*/
	height: 420;
}

.PopupHeader
{
	width: 100%;
	height: 30;
	z-index: 9999;
	background-color: #DCEFE6;
}

.PopupBody
{
	width: 100%;
	overflow: auto;
	width: 100%;
	height: 385;
}

.middle
{
	vertical-align: middle;
}

.HeaderBar
{
	height: 30px;
}

#QuickLinks td
{
	padding: 0 0 0 0;
}