﻿body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
h1
{
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
h2
{
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
h3
{
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.FormContent
{
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #FFFF00;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #FFFF00;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.preformatted
{
    white-space: pre-wrap;
}
.UserFormLabel
{
  width: 80px;
  text-align:right
}
.CalendarCostCentreName
{
    width: 150px;
}
.FormLabel
{
    padding-right: 20px;
}
.UserControlLabel
{
	width: 100px;
}
.ProcessStep
{
    font-weight: bold;
    font-size: 18px;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 15px;
}
.SectionTitle
{
    padding-right: 20px;
    font-weight: bold;
    color: #3366FF;
    vertical-align: top;
    padding-top: 5px;
}
.ValidationMessage
{
    color: #FF0000;
}
.MainContent
{
    padding-top: 20px;
}
.NumericInput
{
    text-align: right;
}
.DialogFrame
{
    border: 1px solid #9BC424;
    padding: 2px;
}
.DialogTitle
{
    color: #FFFFFF;
    background-color: #9BC424;
    font-weight: bold;
    padding: 4px;
}

#reportData
{
}

#reportOptions
{
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}


.ReportData
{
    border-collapse: collapse;
    empty-cells: show;
    text-align: center;
    font-size: 12px;
}
.ReportData .MonthHeaders td
{
    width: 80px;
}
.ReportData .StoreHeader
{
    width: 120px;
    font-weight: bold;
}

.ResultsDateRow
{
    font-size: 11px;
    background-color: #EFEDAB;
    border: 1px solid #000000;
}

.ReportData th
{
    font-weight: bold;
    border: 1px solid #000000;
    background-color: #EFEDAB;
}

.ReportData td
{
    border: 1px solid #000000;
}

.ReportSummary
{
    font-weight: bold;
    background-color: #BAC7F3;
}

.TableValueName
{
    border: solid 1px black;
    font-weight: bold;
    background-color: #FFFF99;
    white-space: nowrap;
}
.TableValue
{
    border: solid 1px black;
    text-align: right;
    padding-right: 3px;
}
.Highlight
{
    background-color: #FFBFBF;
}
.TableValueSummary
{
    border: solid 1px black;
    text-align: right;
    padding-right: 3px;
    font-weight: bold;
    background-color: #D5D5FF;
}
.TableNormalHeader
{
    border: solid 1px black;
    font-weight: bold;
    background-color: #FFFF99;
    width: 80px;
    text-align: center;
}

.TableSummaryHeader
{
    border: solid 1px black;
    font-weight: bold;
    background-color: #D5D5FF;
    width: 80px;
    text-align: center;
}
.TableEmptyCell
{
    height: 10px;
}
.NoBorder
{
    border: none;
}
.PositionHolder
{
    border: 2px solid #9CC525;
    width: 700px;
    white-space: normal;
    vertical-align: middle;
    text-align: left;
}
.LineManager
{
    border: 2px solid #D8071B !important;
}
.PositionStructureEdit
{
    height: 22px;
}
.PositionStructureView
{
    height: 22px;
}
.PositionHolder table
{
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}
.PositionHolder table tr td
{
    border-bottom-style: none;
    height: 18px;
}
.PositionHolder table tr td.DeletePosition
{
    border-bottom-style: none;
    text-align: left;
    vertical-align: middle;
    height: 18px;
}
.PositionHolder table tr td.AddPosition
{
    border-bottom-style: none;
    text-align: right;
    vertical-align: middle;
    height: 18px;
}
.PositionVacant
{
    background-color: #FFFFCC;
}
.PositionFilled
{
    background-color: #D3E4A6;
}

.FormLabelInline
{
    width: 120px;
    display: inline-block;
}


@media print 
{
    .NonPrintable
    {
        display: none;
    }
}
#positionDetailsHolder
{
    width: 100%;
    margin: 5px;
}
#employeeDetailsHolder
{
    width: 100%;
    margin: 5px;
}

#MasterFormTitle
{
    font-size: 16px;
    font-weight: bold;
    color: #003300;
    margin-top: 5px;
    margin-bottom: 5px;
}

#listToolbar
{
    width: 635px;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
    border: solid 1px gray;
}
.ListAddButton
{
	text-align: right;
	width: 100%;
}
.ListHeader
{
	font-weight: bold;
}
.FormSubHeader
{
    font-weight: bold;
    padding: 5px;
    width: 500px;
    color: black;
    background-color: #D3E4A6;
}
.InputGrid td
{
    vertical-align: top;
}
.EditOnlyEdit
{
}
.ViewOnlyEdit
{
    display: none;
}

.EditOnlyView
{
    display: none;
}
.ViewOnlyView
{
}

.ShowEmptyCells
{
    empty-cells: show;
}

.WizardBody
{
    border-width: 1px;
    border-color: #5B7900;
    border-style: solid;
}
.WizardBody>tbody>tr>td
{
    vertical-align: top;
}
.WizardNav>tbody>tr>td
{
    vertical-align: top;
}

.WizardNav
{
    vertical-align: top;
    font-size: 10px;
    background-color: #FFFFCC;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-top: 3px;
}

.WizardNav li
{
    padding: 5px;
}
.WizardNav li.Current
{
    background-color: #9CC525;
}
.stepCurrent
{
    background-color: #9CC525;
}

.WizardStep
{
    height: 300px;
    vertical-align: top;
}
.WizardPageTitle
{
    font-weight: bold;
    font-size: 16px;
    color: #000080;
    padding-bottom: 4px;
    padding-left: 10px;
}
.DoNotShow
{
    display: none;
}

.Errors
{
    color: Red;
}
.Errors1
{
    color: Red;
    font-weight: bold;
    font-size: 14px;
    padding-left: 20px;
    background-image: url('Images/warning_red.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

.WizardComplete
{
    border: 1px solid #5B7900;
    padding: 10px;
    width: 350px;
}

.HorizontallySpaced td
{
    padding-right: 10px;
}

.WizardPage
{
    height: 505px;
    vertical-align: top;
    padding-left: 10px;
    width: 737px;
}

#ApplicantAddress
{
    padding: 0px;
}

#ApplicantAddress table
{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

#ApplicantAddress .UserControlLabel
{
    width: 153px;
}

#InterviewArrangementForm .UserControlLabel
{
    width: 100px;
    vertical-align: top;
}

.TaskListHeader td
{
    border: 1px solid #FFFFFF;
    background-color: #BAC7F3;
    font-weight: bold;
    color: #882200;
    padding: 3px;
    width: 60px;
}

.TaskListData td
{
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #BAC7F3;
    background-color: White;
    padding-left: 5px;
    padding-right: 5px;
}

.FormButtons
{
    text-align: right;
    width: 100%;
    margin-top: 10px;
}

#ApplicationInfo
{
    padding: 5px;
    border: 2px solid #008000;
    background-color: #FFFFCC;
    width: 480px;
}

#InterviewArrangementForm
{
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #0000FF;
    background-color: #DDFFDD;
    width: 480px;
}

#InterviewResultsForm
{
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #840000;
    background-color: #DFD0FB;
    width: 680px;
}

#DailyReturnStatus
{
    margin-bottom: 3px;
}
#DailyReturnStatus a
{
    text-decoration: none;
    cursor: hand;
    color: Black;
}
#AmendmentStatus a
{
    text-decoration: none;
    cursor: hand;
    color: Black;
}

#DailyReturnStatus .Values
{
    font-weight: bold;
    position:absolute;
    left: 130px;
    text-align: right;
    width: 70px;
}
#AmendmentStatus .Values
{
    font-weight: bold;
    position:absolute;
    left: 160px;
    text-align: right;
    width: 40px;
}

.Values .Overdue
{
    color: #FF0000;
}
.Values .Submitted
{
    color: #006600;
}
.Values .Pending
{
    color: #FF6600;
}

.AmendmentCurrentValue
{
    font-weight: bold;
}

.OddRow
{
    background-color: #DDDDDD;
}

.CalendarBody table
{
    border-collapse: collapse;
}
.CalendarBody td
{
    text-align: center;
    border: 1px solid #000080;
}
.CalendarDayHeader
{
    font-weight: bold;
    background-color: #000080;
    color: White;
}
.CalendarDayHeader td
{
    border: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

.MonthTitle
{
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #000080;
    color: White;
}

.Sunday
{
    background-color: #C0C0C0;
}
.WorkingSunday
{
    background-color: #00FF00;
}
.CompanyHoliday
{
    background-color: #FF8C8C;
}
.PublicHoliday
{
    color: Red;
    font-weight: bold;
}

.MonthPicker
{
    border-collapse: collapse;
}
.MonthPicker td
{
    border: 1px solid #659A14;
    width: 78px;
    padding: 5px;
}
.MonthPicker a:active,.MonthPicker a:hover,.MonthPicker a:visited,.MonthPicker a:link
{
    text-decoration: none;
    color: black;
}
.MonthPicker .SelectedMonth
{
    background-color: #CCFF99;
}
.MonthPicker .TargetsChanged
{
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url('Images/Plus16.gif');
}

.MonthPicker .TargetsImported
{
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url('Images/StepValid.gif');
}

.MonthPicker td
{
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url('Images/StepInvalid.gif');
}

#TargetEdit
{
    background-color: #FFFFFF;
    border: 1px solid #4473DF;
    padding: 2px;
}
.TargetEditHeader
{
    font-size: 15px;
    font-weight: bold;
    border-collapse: collapse;
    margin-bottom: 10px;
}
.TargetEditBody
{
    background-color: #4473DF;
    color: White;
    border-collapse: collapse;
}
.TargetEditBody .HeaderRow td
{
    padding: 5px;
    text-align: center;
}
.TargetEditBody .HeaderRow td.HeaderColumn
{
    width: 130px;
}
.TargetEditBody .HeaderRow td
{
    width: 80px;
}
.TargetEditBody .HeaderRow
{
    font-weight: bold;
    padding: 3px;
}
.TargetEditBody .HeaderColumn
{
    padding: 3px;
}
.TargetEditBody .dxeTextBox
{
    width: 100%;
}

.WarningMessages
{
    color: #FF0000;
    font-weight: bold;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.WarningMessages label
{
    background-position: left center;
    display: block;
    padding-left: 30px;
    padding-top: 18px;
    height: 28px;
    background-repeat: no-repeat;
    background-image: url('Images/exclamation_mark1d.gif');
}

.CalendarSummary
{
    border: 1px solid #000099;
    padding: 4px;
    margin-top: 6px;
}

.SATable a:link, .SATable a:active
{
	color: #2200CC;
	text-decoration: underline;
}
.SATable a:visited
{
	color: #551A8B;
}
.SATable table td
{
	padding: 1px 3px;
}
.SATable table>tfoot td
{
	border: none;
}
.TargetGrid table
{
    border-collapse: collapse;
}
.TargetGrid table td
{
    border: 1px solid #000000;
}
tfoot.no-border td 
{
    border: none;
}
.TargetGrid table td.TableHeader
{
    font-weight: bold;
    background-color: #C0CEFE;
    width: 80px;
    text-align: center;
    vertical-align: middle;
}
.TargetGrid table td.TableMasterColumn
{
    font-weight: bold;
    background-color: #C0CEFE;
    width: 150px;
}
.TargetGrid table td.CellData
{
    text-align: right;
    padding-right: 5px;
}
.AreaCalendar
{
    border-collapse: collapse;
}
.AreaCalendar td
{
    text-align: center;
    border: 1px solid #000080;
}
.AreaCalendarDayHeader
{
    font-weight: bold;
}
.AreaCalendarDayHeader td
{
    padding-top: 2px;
    padding-bottom: 2px;
    width: 20px
}

.AreaCalendarDayHeader td.TotalNumberCell
{
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    font-weight: bold;
    width: 60px;
}
.TotalNumberCell
{
    text-align: center;
    font-weight: bold;
    width: 60px;
}

.WeeklyReportHeader
{
}

.WeeklyReport table
{
    border-collapse: collapse;
    background-color: Yellow;
    table-layout: fixed;
}
.WeeklyReport table td.SpacerCell
{
    height: 5px;
}
.WeeklyReport table td
{
    border: 1px solid #000000;
    font-size: 9px;
}
.WeeklyReport table td.WeeklyReportHeader
{
    font-weight: bold;
    background-color: #C0CEFE;
    width: 63px;
    text-align: center;
    vertical-align: middle;
}
.WeeklyReport table td.SpacerColumn
{
    width: 5px;
}
.WeeklyReport table td.TableMasterColumn
{
    font-weight: bold;
    background-color: #C0CEFE;
    width: 250px;
}
.WeeklyReport table td.AnnualMasterColumn
{
    font-weight: bold;
    background-color: #C0CEFE;
    width: 90px;
}
.WeeklyReport table td.FieldNameMasterColumn
{
    font-weight: bold;
    background-color: #C0CEFE;
    width: 140px;
}
.WeeklyReport table td.AgedStockMasterColumn
{
    font-weight: bold;
    background-color: #C0CEFE;
    width: 80px;
}
.WeeklyReport table td.WeeklyReportData
{
    text-align: right;
    padding-right: 5px;
    background-color: White;
}
.WeeklyReport table td.HiddenColumn
{
    background-color: Black;
	width: 0px;
	display: none;
}
.WeeklyReport table td.MissingReturnCount
{
    text-align: center;
    background-color: #FF9393;
    color: #000000;
    font-weight: bold;
}
.WeeklyReport table td.NoMissingReturn
{
    background-color: #FFFFFF;
}
.WeeklyReport table td.WeeklyReportTotal
{
    text-align: right;
    padding-right: 5px;
    background-color: White;
}

.ReturnHistoricValue
{
    width: 110px;
    font-weight: bold;
    text-align: right;
}

.OverridenTarget
{
    background-color: #FEAA9E;
    text-align: right;
    padding-right: 5px;
}

a.MissingReturnLink
{
    display: block;
    color: #0000FF;
    text-decoration: underline;
    padding: 2px;
}

.AmendmentD

.AmendmentDetails
{
    width: 32%;
}
.AmendmentDetails td
{
    text-align: left;
    padding-right: 5px;
}

ls td a
{
    color: #0000FF;
    text-decoration: underline;
}

td.Invisible
{
    display: none;
}

.RedCell
{
    text-align: right;
    background-color: #FF9393;
}

.YellowCell
{
    text-align: right;
    background-color: #FFFF99;
}

.GreenCell
{
    text-align: right;
    background-color: #9ACD32;
}

.HiddenCell
{
    display: none;
}

.AppFormLabel
{
    padding-left: 10px;
    padding-right: 10px;
}

.WizardStepBody
{
    vertical-align: top;
}

.ImportantMessage
{
    font-weight: bold;
    font-size: 14px;
    color: Red;
}

div.letterPanel
{
    overflow: scroll;
    border: 1px solid gray;
    width: 750px;
    Height: 400px;
    padding: 4px;
}

.SelectorHeading
{
    font-weight: bold;
    font-size: 12px;
    color: #006600;
    margin-bottom: 6px;
}

.HelpTitle
{
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #669900;
    padding: 6px;
}
.HelpBody
{
    padding: 4px;
}

.HelpSubtitle
{
    font-weight: bold;
}

.Applet
{
    margin: 10px;
    border: 2px solid #000080;
    background-color: #FFFFCC;
}

.Applet div
{
    padding: 5px;
}

.AppletTitle
{
    background-color: #000080;
    color: White;
}

.CandidateInfo
{
    padding: 3px;
    border: 1px solid #0000FF;
    width: 150px;
}

.ApplicationInfo
{
    padding: 3px;
    border: 1px solid #0000FF;
    width: 150px;
}
.InterviewInfo
{
    padding: 3px;
    border: 1px solid #0000FF;
    width: 150px;
}
.JobOfferInfo
{
    padding: 3px;
    border: 1px solid #0000FF;
    width: 150px;
}
.StartWorkInfo
{
    padding: 3px;
    border: 1px solid #0000FF;
    width: 150px;
}

.ProcessTitle td
{
    font-weight: bold;
    font-size: 13px;
    color: #0000FF;
    border-bottom: 1px solid #0000FF;
}

.ProcessTable
{
    empty-cells: show;
}
.ProcessTable tr td
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.UserComment
{
    white-space: pre-wrap;
    font-size: 80%;
    padding-left: 8px;
}

.InterviewResponsePositive
{
    font-weight: bold;
    color: #006400;
}

.InterviewResponseIntermediate
{
    font-weight: bold;
    color: #FF8C00;
}

.InterviewResponseNegative
{
    font-weight: bold;
    color: Red;
}

.WeeklyReport table td.RedBackground
{
    background-color: Red;
    text-align: right;
    padding-right: 5px;
}

.WeeklyReport table td.OrangeBackground
{
    background-color: Orange;
    text-align: right;
    padding-right: 5px;
}

.commonMenu
{
    margin-left: auto; 
    width: 200px; 
    font-weight: bold;
    text-align: right;
}
.commonMenu a
{
    padding-right: 5px;
    padding-left: 5px;
}