@import url(Editor.css);

/* Main Menu and its Items. */
div#main_menu_stripe {
  height: 4px;
  width: 100%;
  position: relative;
  left: 212px;
}
.Main_Menu {
  background-color: #404040;
  font-size: 90%;
}
a.Main_Menu_Item, a.Main_Menu_Item:hover, a.Main_Menu_Item:visited {
  color: white;
  font-weight: normal;
  line-height: 1.8;
}
.Dynamic_Menu_Item {
  color: #666666;
  background-color: #F2F2F2;
  font-weight: normal;
  border-top: solid 1px white;
  border-left: solid 1px white;
  line-height: 1.5;
}
.Dynamic_Menu_Item_Hover {
  color: white !important; /* !important applies when the cursor hovers over the submenu arrow. */
  font-weight: normal;
  display: block; /* Enlarges the hover detection area. */
  line-height: 1.5;
}
.Dynamic_Menu_Item a:link, .Dynamic_Menu_Item a:visited {
  color: #666666;
}
.Dynamic_Menu_Item a:hover {
  color: white;
}

a.margin_link:link, a.margin_link:visited { /* Used in both the header and the footer. */
  color: #666666;
  font-size: 90%;
  line-height: 1.8;
}
a.margin_link:hover {
  color: #8C8C8C;
}

.left_margin {
  margin-left: 27px;
}

div.banner_stripe div {
  position: absolute;
  top: 0px;
  height: 7px;
  font-size: 0px;
}

/* Text in upper banner. */
p#slogan {
  line-height: 135%;
  font-style: italic;
  font-weight: bold;
  font-size: 120%;
  color: White;
}
p#slogan sup {
  font-style: normal;
  font-weight: normal;
  font-size: xx-small;
}

/* Colors common to all banners. */
div#banner_mid_left_rect {
  background-color: #094891;
  font-size: 0px;
}
div.banner_lower {
  background-color: #E5E5E5;
  /* font-size: 0px; */
}

/* Sidebar on left side of page. */
div#sidebar {
  width: 165px;
}

/* Main text of page. */
div#main_text {
  margin-right: 10%;
}

/* StaffMe.net, StaffTechs, etc. images. */
img.division_logo {
  margin: -2px 0px -2px -3px;
  border: none;
}

/* Footer. */
div#footer_stripe div {
  position: absolute;
  top: 0px;
  height: 3px;
  font-size: 0px;
}
#copyright {
  color: #AAAAAA;
  font-weight: bold;
  font-size: 85%;
}

/* Left sidebar and body of independent length with a footer, based on a 2-column layout:
   Ryan Brill's solution involving negative margins:  http://www.ryanbrill.com/floats.htm.
   The right sidebar in Ryan's example has been moved to the left. */
div#container {
  width: 100%;
  float: right;
  margin-left: -230px;
}
div#content {
  margin-left: 230px;
}
div#left_sidebar {
  width: 230px;
  float: left;
}
div#footer {
  clear: both;
}

/* To allow one table to be nested within another table, remove the cell padding
   and cell spacing from the left and right sides, but leave the defaults on the
   tops and bottoms. */
table.nested {
  border-spacing: 0px 2px;
}
table.nested td {
  padding: 1px 0px;
}

/* The asterisk which follows required fields in forms. */
.required_marker {
  color: red;
  font-size: larger;
  font-weight: bold;
}

/* Get rid of something. */
.display_none {
  display: none;
}

/* Raise up the steps of the wizards. */
.wizard tr td + td {
  vertical-align: top;
}

/* A table used to layout controls within a WizardStep. */
table.wizardstep {
  border-spacing: 0px;
  background-color: #E1F4FD;
  border-collapse: separate !important;
}
table.wizardstep th {
  height: 2em;
  padding-left: 1ex;
  text-align: left;
  color: white;
  background-color: #094891;
}

/* Container for buttons. */
.buttons {
  text-align: right;
}

div.wizard_footer {
  margin-left: 13em;
}

/* Make sure that certain controls have white internal cell borders. */
tr.white_cell_borders > td, tr.white_cell_borders > th {
  border: solid 2px white;
}

/* Styles for the internal human resources pages. */
table.edit_jobs, table.select_candidates {
  border-spacing: 0px;
  background-color: #E1F4FD;
}
table.edit_jobs th, table.select_candidates th {
  height: 2em;
  padding-left: 1ex;
  text-align: left;
  color: white;
  background-color: #094891;
}
table.select_candidates td.whitespace, table.edit_jobs td.whitespace {
  background-color: White;
  padding: 0px;
  font-size: 0.5ex
}
table.edit_jobs td {
  padding-top: 3px;
  padding-bottom: 3px;
}
table.edit_jobs td.separator, table.select_candidates td.separator {
  background-color: White;
  padding: 0px;
  font-size: 1ex;  /* This adjusts the width of the horizontal white borders near the horizontal rule. */
}
hr.narrow {
  font-size: 0px;  /* A line with no space around it. */
}
.radio_button_list label {
  padding-right: 1em;
}

/* AJAX Session Timer. */
#html, body {
  height: 100%;
}
#divAjaxTimer, #ifAjaxTimer {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 32em;
  display: none;
  border-style: none;
}
#divAjaxTimer {
  background-color: #E1F4FD; /* Light blue. */
  z-index: 101;  /* Keeps the buttons on top. */
}
#ifAjaxTimer {
  z-index: 100;
  height: 0px;
}
#divAjaxTitle, #divAjaxContent, #divCountDown {
  font-weight: bold;
}
#divAjaxTitle {
  background-color: #094891; /* Dark blue. */
  color: white;
  padding: 1ex;
}
#divAjaxContent, #divCountDown {
  padding: 0 1em 1em 1em;
}
#divAjaxBut {
  text-align: right;
  margin: 0 1em 1em 0;
}
#divAjaxBut .extend {
  color: green;
  margin-right: 1em;
  margin-bottom: 1ex;
}
#divAjaxBut .ignore {
  color: red;
  margin-bottom: 1ex;
}

/* Custom Roles */
table.edit_custom_roles {
  background-color: #E1F4FD;
  padding: 0.5ex;
  border: solid 3px white;
}

/* Search button. */
.search_button {
  margin-left: 1ex;
  font-weight: bold;
  color: White;
  background-color: #404040;
  border-color: #404040;
}