body {
  background-color: #edf1f4;
  text-align: center;
  margin: 0pt 0pt 0pt 100px; /* compensation for "skyscraper" ad space */
  font: 12px arial, verdana, tahoma;
  color: #333;
}

/* -------- Page structure */

#hcareers-container {
/* Hcareers-specific so we don't affect CJTs */
  margin: 0 auto;
  position: relative;
  padding: 0 0 0 0;
  left: 16px;
  background: url(/images/bg.gif) repeat-y;
  width: 1000px;
}

#content {
  float: left;
  background-color: #fff;
  width: 780px;
  min-height: 705px;
  height: auto !important;
  height: 715px;
  margin: 0px 14px 0px 11px;
  padding-bottom: 12px;
  display: inline;
  left: 14px;
  text-align: left;
}

.content {
/* UK Homepage only */
  text-align: left;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 45px;
  padding-bottom: 20px;
}

#body-container {
/* Body section of every page is wrapped in this */
  margin: 26px 26px 10px 26px; /* top, right, bottom, left */
  text-align: left;
  line-height: 1.4em;
}

#body-container table {
  font-size: 12px;
}

#footer-banner {
/* This is a div that wraps the bottom banner ad on every page */
  padding-top: 40px; /* Spaces out the banner from body content */
  clear: both;
  text-align: center;
}

/* -------- Featured Employer Boxes */

#featuredemp {
  text-align: center;
}

#featuredemp img {
  margin-left: 3px;
  margin-right: 12px;
  margin-top: 7px;
  margin-bottom: 2px;
}

/* -------- End Featured Employer Boxes */

#skyscraper {
  float: left;
  width: 135px;
  margin-top: 114px;
}

.sky_ad {
  height: 433px;
  width: 133px;
}

#fade_bottom {
  clear: both;
  width: 1000px;
  background: url('/images/new_seeker/bg_bottom.gif') no-repeat;
  height: 15px;
  position: relative;
}

/* Job Posting Styles */

#jobposting-container {
  margin-bottom: 30px;
}

#jobposting-container #titles {
  float: left;
  width: 50%;
}

#jobposting-container #logo {
  float: right;
  margin-left: 20px;
}

#jobposting-container h1 {
  margin-bottom: 10px;
  margin-top: 20px;
  color: #0F396B;
  font-size: 27px;
  line-height: 1em;
}

#jobposting-container h2 {
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  color: #527698;
  border: none;
}

#jobposting-container #action {
  margin: 15px 0px;
}

div.job-posting-nav {
  text-align: right;
  margin-bottom: 40px;
}

/* -------- Blue Round Box Container - Scales vertically and horizontally with it's container */

.roundbox {
  margin-bottom: 15px;
  color: #0f396b;
  background-color: #eef8ff;
}

.roundbox h2 {
  color: #0f396b;
  font-size: 14px;
  display: block;
  margin: 0px;
  border-bottom: none;
}

.roundbox div.hd {
  background: url('/images/homepage/roundbox-tl.gif') top left no-repeat;
}

.roundbox.searchbox h2 {
  font-size: 18px;
}

.roundbox.searchbox div.hd h2 {
  font-size: 18px;
  padding: 10px 15px;
}

.roundbox.searchbox select {
  font-size: 11px;
  width: 200px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.roundbox div.hd h2 {
  padding: 10px 10px;
  background: url('/images/homepage/roundbox-tr.gif') top right no-repeat;
  display: block;
}

.roundbox div.hd h2 img {
/* To use an icon before the header */
  margin-right: 6px;
  float: left;
}

.roundbox h2 a:link, .roundbox h2 a:visited {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
}

.roundbox div.section {
  background: url('/images/homepage/roundbox-bl.gif') bottom left no-repeat;
  font-size: 11px;
  line-height: 16px;
  color: #0f396b;
}

.roundbox div.section div.body {
  background: url('/images/homepage/roundbox-br.gif') bottom right no-repeat;
  padding: 10px;
  padding-top: 0px;
  color: #0f396b; /* OVERWRITES OLD CSS */
}

/* -------- End Blue Box Container */

/* -------- 2 Column Layout Styles */

#content-column-left {
  float: left;
  width: 539px;
  margin-right: 15px;
}

/* Right hand side elements */

#content-column-right {
  float: left;
  width: 165px;
  margin: 0px;
}

#content-column-right h3 {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #073468;
  margin: 0px;
  margin-bottom: 5px;
  padding: 4px 0px;
}

#floating-login-box {

  padding: 10px;
  border: 1px solid #ccddeb;
  margin-bottom: 20px;

}

#partners {
  padding: 13px 10px;
  border: 1px solid #ccddeb;

}

#partners img {
  margin: 2px 0px;
  border: 0px;
}

#partners ul {
  margin: 4px;
  padding: 4px;
  list-style: none;

}

#partners ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;

}

/* End right hand side elements */

/* -------- End 2-Column Layout Styles */

/* -------- Message Window Styles */

#message-window-container {
  margin: 0 auto;
  width: 1000px;
}

#message-window {
  float: left;
  background-color: #fff;
  width: 800px;
  text-align: center;
  margin-top: 100px;
  margin-right: 20px;
}

#message-window #top {
  background: url('/images/message-window-top.gif') no-repeat;
  height: 17px; /* 17 + 20 (padding) = total of 27 */
  text-align: right;
  padding: 20px 22px 0px 0px; /* Place the 'Go back' link */
}

#message-window #body {
  background: url('/images/message-window-bg.gif') repeat-y;
  padding: 0px 36px 10px 36px;
  text-align: left;
}

#message-window #actionbutton {
  margin-top: 25px;
}

#message-window #bottom {
  background: url('/images/message-window-bottom.gif') no-repeat;
  background-color: #EDF1F4;
  height: 27px;
  clear: both;
  padding-bottom: 25px;
}

#message-window a.back {
  font-size: 11px;
  background: url('/images/icons/mini-arrow-left.gif') 0 50% no-repeat;
  padding-left: 15px;
}

#message-window h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* -------- End Message Window Styles */

/* Styles for header + login box + regions */

div#page-header {
/* replaces #header */

  height: 110px;
  font-size: 11px;
  color: #10386b;
}

div#page-header a {
  text-decoration: none;
}

div#page-header span {
  display: inline; /* Override styles.css */
}

div#header-left {
  float: left;
  width: 360px;
  padding-left: 20px;
  padding-top: 15px;
}

div#header-right {
  float: left;
  width: 400px;
}

div#flags {
  height: 17px;
  *height: 22px;
  background: url('/images/login/regions-bg-left.gif') no-repeat #ecf1f7;
  margin: 0px 20px 14px 168px;
  padding-top: 5px;
  *margin-right: 5px;
  *margin-left: 180px;
}

div#flags img {
  margin-right: 3px;
}

div#flags span {
  margin-right: 10px;
  position: relative;
  top: -2px;
}

div#flags-inner {
  background: url('/images/login/regions-bg-left.gif') no-repeat;
  background-position: right;
  text-align: center;
}

div#login-box {
  margin-left: 128px;
}

div#login-box div#fields {
  margin-bottom: 6px;
  height: 28px;
  *margin-left: 20px;
}

div#login-box div#fields label {
  font-weight: bold;
  color: #537495;
  display: block;
}

div#login-box div#fields input {
  font-size: 11px;
  color: #103869;
  padding: 2px;
  border: 1px solid #537495;
}

div#login-box div#fields div#email {
  float: left;
  width: 160px;
  margin-right: 7px;
}

div#login-box div#fields div#email input {
  width: 160px;
}

div#login-box div#fields div#password {
  float: left;
  width: 79px;
}

div#login-box div#fields div#password input {
  width: 79px;
}

div#login-box div#options {
  clear: both;
  padding: 0px;
  padding-top: 4px;
  margin-right: 26px;
  text-align: right;
  *margin-left: 20px;
  *margin-right: 7px;
}

div#login-box div#options  div#actions {
  float: left;
  padding-top: 4px;

}

div#login-box div#options  div#actions a.action {
  padding-left: 15px;
  color: #103869;
  text-decoration: underline;
}

div#login-box div#options  div#actions a.action:hover {
  color: #0e468a;
}

div#login-box div#options  div#actions a.action.register {
  background: url('/images/login/icon-add.gif') 0 50% no-repeat;
  margin-right: 5px;
}

div#login-box div#options  a.action.password {
  background: url('/images/login/icon-lock.gif') 0 50% no-repeat;
}

div#welcome-box {
  background: url('/images/login/loggedin-bg-right.gif') #e7eef6 right no-repeat;
  margin-left: 151px;
  height: 48px; /* 36px + 12px of padding from #inner = 48px total */
  margin-right: 20px;
  *margin-right: 4px;
}

div#welcome-box div#inner {
  height: 48px;
  background: url('/images/login/loggedin-bg-left.gif') 0 50% no-repeat;
  text-align: right;
}

div#welcome-box div#inner  #options {
  padding: 8px;
  padding-left: 50px;
}

div#welcome-box .name {
  font-weight: bold;
  color: #10386b;
}

div#welcome-box a.logout {
  padding-left: 15px;
  color: #b20d0d;
  text-decoration: none;
  background: url('/images/login/icon-cancel.gif') 0 50% no-repeat;
}

div#welcome-box a.logout:hover {
  color: #dd4527;
}

/* Styles for the login PAGE, not quick login at the top right of each page */

div#login {
  margin-top: 10px;
}

div#login label {
  clear: both;
  display: block;
  float: left;
  font-weight: bold;
  color: #0f396b;
  font-size: 12px;
  text-align: right;
  width: 65px;
  margin-right: 14px;
  padding-top: 7px;
}

div#login input.textbox {
  font-size: 18px;
  color: #103869;
  padding: 2px;
  border: 1px solid #537495;
  width: 230px;
  margin-bottom: 4px;
}

div#login input.textbox.errors {
  border-color: #c00;
  background-color: #f8ecec;
  color: #c00;
}

div#login a.password {
  padding-left: 15px;
  color: #103869;
  text-decoration: underline;
  background: url('/images/login/icon-lock.gif') 0 50% no-repeat;
  margin-right: 11px;
}

div#login a.password:hover {
  color: #0e468a;
}

div#login span.error {
  font-weight: normal;
  color: #bd0a0a;
  font-size: 11px;
  margin-left: 5px;
  position: relative;
  top: -5px;
  display: inline; /* OVERWRITES OLD CSS */
}

div#login div#login-actions {
  width: 309px;
  text-align: right;
  margin: 5px 0px;
}

div#login-options {
  text-align: left;

}

div#login-options h3 {
  background: url('/images/icons/user-add.gif') 0 50% no-repeat;
  padding-left: 21px;
  color: #0f396b;
  font-size: 14px;

}

div#login-options a {
  padding-left: 15px;
  color: #103869;
  text-decoration: underline;
  font-size: 12px;
}

div#login-options a.jobseeker {
  margin-right: 20px;
  margin-left: 8px;
  background: url('/images/icons/mini-user-green.gif') 0 50% no-repeat;
}

div#login-options a.employer {
  background: url('/images/icons/mini-user-blue.gif') 0 50% no-repeat;
}

.roundbox.login {
  width: 350px;
  text-align: left;
  float: left;
}

/* -------- Footer */

.footer-container {
  margin-left: 60px;
  color: #333;
  font-size: 11px;
  text-align: left;
}

.footer-container a {
  margin-right: 10px;
  color: #005488;
  text-decoration: none;
}

.footer-container a:hover {
  text-decoration: underline;
}

.footer-container hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  width: 600px;
  margin: 12px 0px;
  border: 0px;
}

/* -------- End Footer */

#registration-message {
  font-size: 14px;
  padding: 10px;
  background: #EDF1F4;
  color: #0F396B;
  border: 1px solid #CCDDEB;
  font-weight: bold;
  width: 250px;
}