/* tool bar */
.toolbar_button:hover {
  background-color: #EDE9DD;
}

.toolbar_spacer_r {
  /*border-left: 1px solid #808080;*/
}

.ui-menu {
  /* width: 200px; */
  margin-bottom: 2em;
}
/*I had to define the colour directly "inherit" did not work!!*/
.ui-widget-content table {
  color: #656567;
}

/*I had to define the colour directly "inherit" did not work!!*/
.ui-spinner-input {
  color: inherit;
}

.SmallSectionHeader {
    color: #428bca;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.title {
  color: #428bca;
  font-size: 15esspx;
}

.empdept {
  color: #91DEFD;
}

.graybar {
  background-color: transparent;
}

.bigred {
  font-size: 12pt;
  color: c2382b;
}




/*  Clockcard */
#ClockcardForm .YELLOW {
  text-decoration: none;
  color: #f2aa37 !important;
      margin-left: 15%;
}

#ClockcardForm .RED {
  text-decoration: none;
  color: #c2382b !important;
      margin-left: 15%;
}

#ClockcardForm .BLACK {
  text-decoration: none;
  /*margin-left: -5px;*/
  color: #428bca;
      /*margin-left: 25%;*/
}

#ClockcardForm .GREY {
  text-decoration: none;
  color: grey;
      margin-left: 15%;
}


/*  HR Forms */
#HRScreen #eventlist_content table .hreventlist_row_highlight {
  /* background-color: #d9ebf5; */
  background-color: #8dcbf5;
}

#HRScreen #eventlist_content table tbody tr:hover {
  background-color: #d5effc;
}

#HRScreen #eventlist_content table tbody tr.selected {
  background-color: #d5effc;
}


/*  Roster Definition */
#RosterDefForm .contract_highlight_under {
  border-radius: 3px;
  color: #c2382b;
  font-weight: bold;
}

#RosterDefForm .contract_highlight_over {
      border-radius: 3px;
    color: #f4f4f4;
  color: #2abb9b;
  font-weight: bold;
}

#RosterDefForm .roster_highlight_valid {
      background-color: rgb(85, 220, 190);
    border-radius: 3px;
    color: #f4f4f4;
}

#RosterDefForm .roster_highlight_invalid {
  color: #f4f4f4;
  border-radius: 3px;
  background-color: #c2382b;
}

#RosterDefForm td.notselectable {
  color: #f4f4f4;
  border-radius: 3px;
  background-color: #f2aa37;
}

#RosterDefForm td.selected {
  color: #f4f4f4;
  border-radius: 3px;
  background-color: #D243FA;
}


/*  Roster Manager */
#RosterManager td.notselectable {
  background-color: #ffd38d;
}

#RosterManager td.selected {
  color:white;
  background-color: #428bca !important;
  background: -moz-linear-gradient(top,  #428bca 0%, #428bca 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#428bca), color-stop(100%,#428bca)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #428bca 0%,#428bca 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #428bca 0%,#428bca 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #428bca 0%,#428bca 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #428bca 0%,#428bca 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428bca', endColorstr='#428bca',GradientType=0 ); /* IE6-9 */
}

#RosterManager td.customcol_highlight_under {
  color: #FF0000;
  font-weight: bold;
}

#RosterManager td.customcol_highlight_over {
  color: #50CC3F;
  font-weight: bold;
}

#RosterManager td.unscheduledday {
  color: #CC0000;
  font-weight: bold;
}

#RosterManager td.unscheduledday {
  color: #CC0000;
  font-weight: bold;
}

#RosterManager td.CostCell {
  color: #67b021;
}

#RosterManager td.DataCell {
  /*background-color: #4E434E;*/
}

#RosterManager td.publicholiday {
  color: inherit;
}

#RosterManager td.companyshutdown {
  color: inherit;
}

#RosterManager td.absent {
  text-align: center;
  color: #c2382b;
}

#RosterManager .AbsenceDetails {
  color: #c2382b;
  font-weight: bold;
}

#RosterManager .HighlightOverBudget {
  color: #c2382b;
}

/* Clock Card */
#ClockcardForm .StandardUserTotalCell {
  border: 1px #C0C0C0 solid;
  background-color: white;
  color: #000000;
  /*min-width: 60px;*/
}

#ClockcardForm .ClawbackCell {
  background-color: lime;
}

#ClockcardForm .HighlightedUserTotalCell {
  color: #c2382b;
}

#ClockcardForm .PayrollCell {
  background-color: #c2382b;
}

#ClockcardForm #CurrentWarning {
  color: #c2382b;
}

#ClockcardForm #CurrentDay {
  color: #428bca;
}

#WtdDataEntryForm td.DataCell {
  /*background-color: #4E434E;*/
}

#Wtdsummaryform .MaxAllowedHighlight {
  text-decoration: none;
  color: #c2382b !important;
  font-weight: bold;
}

#Wtdsummaryform a.Plain {
  text-decoration: none;
  color: inherit !important;
}

#Wtdsummaryform .DataCell {
  text-align: center;
  /*background-color: #4E434E;*/
  white-space: nowrap;
}

#StaffLevelsForm .DataCell {
  /*background-color: #4E434E;*/
  white-space: nowrap;
}

#StaffLevelsForm .StartingShift {
  color: #2abb9b;
}

#StaffLevelsForm .FinishingShift {
  color: #428bca;
}

#StaffLevelsForm .OnAbsence {
  color: #c2382b;
}

#SumExpenseForm .FilterText {
  color: purple;
}

#SumExpenseForm .DataCell {
  /*background-color: #4E434E;*/
  white-space: nowrap;
}

#SumExpenseForm .NeedsAuth {
  color: #c2382b;
}

#SummaryTimesheet .FilterText {
  color: purple;
}

#SummaryTimesheet .NeedsAuth {
  color: #c2382b;
}

#TreeLayer .deptdisable {
  border-style: solid;
  border-color: #808080;
  border-width: 1px;
  margin: 0;
  width: 1px;
  height: 21px;
  background-color: #D9D5C5;
  color: #808080;
}

#TreeLayer .deptpart {
  border-style: solid;
  border-color: #ffffff;
  border-bottom-color: #808080;
  border-right-color: #808080;
  border-width: 1px;
  margin: 0;
  width: 1px;
  height: 21px;
}

#TreeLayer .deptsel {
  border-style: solid;
  border-color: aqua;
  border-bottom-color: #000000;
  border-right-color: #000000;
  border-width: 1px;
  margin: 0;
  width: 1px;
  height: 21px;
  background-color: #0D9B9B;
  color: #ffffff;
}

#TreeLayer .deptunsel {
  border-style: solid;
  border-color: #ffffff;
  border-bottom-color: #808080;
  border-right-color: #808080;
  border-width: 1px;
  margin: 0;
  width: 1px;
  height: 21px;
  background-color: #D9D5C5;
  color: #428bca;
}

.arrow_left_grey {
    background: url(images/arrow_left_grey.png) no-repeat top left;
    width: 29px;
    height: 29px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

.cal_tl {
  background: url(images/calendar_header.jpg) no-repeat top left;
  width: 8px;
  height: 36px;
}

.cal_tl2 {
  background: url(images/calendar_header.jpg) no-repeat top left;
  width: 38px;
  height: 36px;
  background-position: -12px 0;
}

.cal_th {
  background: url(images/calendar_header.jpg) no-repeat top left;
  width: 15px;
  height: 36px;
  background-position: -65px 0;
  text-align: center;
}

.cal_tr {
  background: url(images/calendar_header.jpg) no-repeat top left;
  width: 12px;
  height: 36px;
  background-position: -88px 0;
}