body {
  background: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  left: 0px;
  margin: 0px;
  width: 960px;
  padding: 0px;
  position: relative;
  top: 0px;
  z-index: 0; }

#centre-left {
  width: 750px; }

#left {
  width: 180px;
  left: 0px; }

#centre, #centre-no-left {
  width: 560px;
  float: left;
  padding-left: 10px; }

#centre-no-left {
  margin-left: 180px; }

#right {
  width: 180px;
  padding: 0 10px;
  margin-right: -200px; }
  #right input {
    font-size: 11px;
    width: 202px; }
  #right .submit {
    width: auto; }

div.content {
  clear: both;
  padding-left: 10px;
  padding-right: 200px; }

#right, #centre-left, #centre-no-left, #centre, #left {
  position: relative;
  float: left;
  margin-top: 10px; }

#right .panel ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#right .panel a {
  text-decoration: none; }
  #right .panel a:hover {
    text-decoration: underline; }

#header {
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: center;
  background-color: white; }
  #header h1 {
    display: none; }
  #header ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #header ins {
    left: 0px;
    top: 0px; }

#logo {
  float: left;
  position: relative;
  width: 195px;
  height: 145px;
  margin-left: -21px;
  margin-top: -38px;
  margin-bottom: -80px; }

#ad {
  width: 468px;
  height: 60px;
  margin-top: 6px; }

#country-img {
  width: 180px;
  padding-top: 18px; }

#pl {
  width: 70px;
  height: 74px;
  float: left;
  margin-top: 1px;
  margin-bottom: -1px; }

#pr {
  width: 60px;
  height: 74px;
  float: right; }

#logout {
  position: relative;
  z-index: 2;
  float: right;
  margin: -3px 0;
  padding: 0px 5px;
  min-height: 20px; }
  #logout a {
    font-size: 90%;
    font-weight: bold;
    text-decoration: none;
    color: black;
    vertical-align: center; }
    #logout a:hover {
      color: white; }

#footer {
  clear: both;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #666666;
  text-align: center;
  z-index: 5;
  width: 100%;
  padding-top: 10px; }
  #footer a {
    text-decoration: none; }
    #footer a:hover {
      color: red; }
  #footer h1 {
    display: none; }
  #footer ul {
    margin: 10px;
    padding: 0;
    list-style-type: none; }
    #footer ul li {
      display: inline; }

#menu {
  clear: both;
  width: 100%;
  overflow: hidden;
  position: relative; }
  #menu li {
    float: left;
    background: url("/images/left_glass.png") no-repeat left top;
    padding: 0px 0px 0px 10px;
    border-bottom: 1px solid #776655; }
    #menu li a {
      float: left;
      display: block;
      background: url("/images/right_glass.png") no-repeat right top;
      padding: 7px 15px 2px 5px;
      text-decoration: none;
      font-weight: bold;
      color: #776655; }
      #menu li a:hover {
        color: blue; }
    #menu li.alert {
      width: 10000px;
      margin-right: -10000px;
      background: none; }
      #menu li.alert a {
        background: none;
        color: red;
        font-weight: bold;
        font-size: 12px; }
        #menu li.alert a:hover {
          color: blue; }
    #menu li.sw {
      float: right;
      margin-right: -6px; }

#smenu {
  clear: left;
  float: left;
  width: 100%;
  background: url("/images/nav_bar.png") repeat-x scroll bottom;
  text-align: left;
  position: relative;
  z-index: 1;
  padding: 5px 0px 5px 0px; }
  #smenu a {
    text-decoration: none;
    padding: 5px;
    border: 0;
    color: black; }
    #smenu a:hover {
      color: white; }
  #smenu ul {
    display: none; }
    #smenu ul li {
      display: inline;
      font-size: 90%;
      font-weight: bold;
      margin: 0; }
    #smenu ul li + li {
      border-left: 1px solid yellow; }

body.my #menu li.my, body.job #menu li.job, body.msg #menu li.msg, body.stg #menu li.stg, body.ad #menu li.ad, body.user #menu li.user, body.rpt #menu li.rpt, body.src #menu li.src, body.prd #menu li.prd, body.blog #menu li.blog {
  background-image: url("/images/left_glass_on.png");
  margin-top: 1px;
  margin-bottom: -1px; }

body.my #menu li.my a, body.job #menu li.job a, body.msg #menu li.msg a, body.stg #menu li.stg a, body.ad #menu li.ad a, body.user #menu li.user a, body.rpt #menu li.rpt a, body.src #menu li.src a, body.prd #menu li.prd a, body.blog #menu li.blog a {
  background-image: url("/images/right_glass_on.png");
  color: black; }

body.my #menu li.my a:hover, body.job #menu li.job a:hover, body.msg #menu li.msg a:hover, body.stg #menu li.stg a:hover, body.ad #menu li.ad a:hover, body.user #menu li.user a:hover, body.rpt #menu li.rpt a:hover, body.src #menu li.src a:hover, body.prd #menu li.prd a:hover, body.blog #menu li.blog a:hover {
  color: white; }

body.my #smenu ul.my, body.job #smenu ul.job, body.msg #smenu ul.msg, body.stg #smenu ul.stg, body.ad #smenu ul.ad, body.user #smenu ul.user, body.rpt #smenu ul.rpt, body.src #smenu ul.src, body.prd #smenu ul.prd, body.blog #smenu ul.blog {
  display: inline; }

form dl {
  overflow: hidden; }
  form dl dt {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
    width: 124px;
    float: left;
    clear: left;
    display: block;
    margin: -1000px 0 -2000px;
    padding: 1002px 4px 1002px 0;
    color: #00009a;
    border-right: 1px solid #776655;
    position: relative; }
  form dl dd {
    float: left;
    vertical-align: middle;
    width: 404px;
    padding: 2px 0 2px 130px; }
  form dl dt.required + dd > input {
    background-color: #fafad2; }
  form dl dt.odd {
    background-color: inherit; }
  form dl dt.odd + dd {
    background-color: #e9e9e9; }

ul.fields {
  margin: 0;
  padding: 0 0 10px 0; }

.fields li {
  list-style: none;
  padding: 0.25em 0;
  margin: 0;
  clear: both;
  overflow: hidden;
  position: relative; }
  .fields li.required input, .fields li input.required {
    background-color: #fafad2; }
  .fields li.required select, .fields li select.required {
    border: thin dashed gold; }
  .fields li.required label {
    color: red; }
    .fields li.required label:before {
      content: "* "; }
  .fields li .fieldWithErrors {
    display: inline; }
    .fields li .fieldWithErrors input, .fields li .fieldWithErrors textarea {
      background-color: #ffcccc; }
    .fields li .fieldWithErrors select {
      border-color: #ffcccc; }
  .fields li p {
    display: block;
    float: left;
    margin: 0 5px;
    position: relative;
    z-index: 10;
    width: 390px;
    padding: 0.1em; }
  .fields li div {
    position: relative;
    z-index: 10;
    float: left;
    text-align: left;
    margin-left: 5px;
    width: 74%;
    padding: 0.1em; }
  .fields li h3, .fields li label {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
    width: 23%;
    float: left;
    display: block;
    margin: -1000px 0 -1000px;
    padding: 1000px 5px 1000px 0;
    border-right: 1px solid #776655;
    color: #00009a; }
  .fields li input, .fields li textarea, .fields li select {
    float: left;
    margin-left: 0.5em;
    vertical-align: middle; }

fieldset {
  border: 1px dotted #00009a;
  padding: 5px 0;
  margin-bottom: 10px; }

legend {
  font-style: italic;
  color: #00009c;
  background-color: white;
  margin-left: 1em; }

.submit {
  margin-top: 10px; }

#openid_url {
  background: url(/images/login-bg.gif) no-repeat white 5px;
  padding-left: 25px; }

#right #openid_url {
  width: 129px; }

.panel, .google_sky, .advert {
  border: 1px solid #00009a;
  margin: 18px 0 0 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
  width: 100%; }

.advert {
  border: none; }

.panel > div {
  clear: left;
  padding: 0 10px 10px; }

.panel h1 {
  position: relative;
  display: block;
  float: left;
  padding: 6px 20px 6px 35px;
  margin: 0 0 10px;
  background: url("/images/heading.gif") no-repeat right bottom;
  font-size: 1em;
  font-weight: bold;
  color: #00009a; }
  .panel h1 img {
    position: absolute;
    top: -15px;
    left: 3px;
    z-index: 10; }

.panel .a2a_dd {
  margin-left: -6px; }

#navigation-panel a, .tools a {
  display: block;
  padding: 2px 0; }
  #navigation-panel a + a, .tools a + a {
    border-top: 1px dotted grey; }

.google_sky, .advert {
  background: white;
  text-align: center; }

.pagination {
  padding: 3px;
  margin: 3px; }
  .pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #000099; }
    .pagination a:hover, .pagination a:active {
      border: 1px solid #000099;
      color: black; }
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000099;
    color: white; }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eeeeee;
    color: #dddddd; }

DIV.message {
  display: none; }

.notice, .warning, .error, .notes {
  position: relative;
  z-index: 1;
  clear: both;
  font-size: 11px;
  padding: 5px 8px;
  margin: 10px 5px; }
  #h .notice, #h .warning, #h .error, #h .notes {
    margin: 0; }

.notes {
  background-color: #fcfaf0;
  border: solid 1px #e2e4ce; }

.notice {
  background-color: #ccffcc;
  border: solid 1px #66cc66; }

.warning {
  background-color: salmon;
  border: solid 1px #e2e4ce; }

.error {
  background-color: #ffcccc;
  border: solid 1px #cc6666; }

table.collection {
  width: 100%; }
  table.collection th {
    border-bottom: 1px solid gold;
    white-space: nowrap;
    vertical-align: top; }
  table.collection th, table.collection td {
    padding: 2px; }
    table.collection th p, table.collection td p {
      padding: 0;
      margin: 0; }
  table.collection th + th, table.collection td + td {
    border-left: 1px solid gold; }
  table.collection ul {
    padding: 0;
    margin: 0; }
  table.collection li {
    list-style-type: none;
    margin: 5px 0; }

@font-face {
  font-family: "Magoo";
  src: url("/fonts/Magoo.eot");
  src: local("Magoo BookOSlcQd"), url("/fonts/Magoo.woff") format("woff"), url("/fonts/Magoo.ttf") format("truetype"); }

.image_button {
  position: relative;
  display: block;
  height: 80px;
  margin-bottom: 20px;
  text-decoration: none; }
  .image_button:hover {
    text-decoration: underline; }
  .image_button div {
    margin-top: 6px; }
    .image_button div.three {
      margin-top: -8px; }
    .image_button div span {
      font-family: Magoo, Times, Times New Roman, serif;
      font-size: 34px;
      display: block;
      margin-left: 24px; }
    .image_button div span + span {
      margin-top: -24px;
      margin-left: 32px;
      margin-bottom: -24px; }
    .image_button div span + span + span {
      margin-left: 40px;
      margin-bottom: 12px; }
  .image_button div + span {
    font-size: 1.2em;
    text-decoration: underline;
    text-align: center;
    display: block;
    margin-top: 20px; }
  .image_button img {
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0px;
  background-color: #cc0000;
  color: white; }
#errorExplanation p {
  color: #333333;
  margin-bottom: 0;
  padding: 8px; }
#errorExplanation ul {
  margin: 2px 24px; }
  #errorExplanation ul li {
    font-size: 12px;
    list-style: disc; }

#poll ul {
  list-style-type: none;
  padding: 10px 0;
  margin: 0; }
  #poll ul li {
    float: left;
    padding: 4px 0; }
    #poll ul li input {
      padding-top: 10px;
      float: left;
      clear: left; }
    #poll ul li label {
      margin-left: 10px;
      width: 120px;
      float: left; }

.Poll ul {
  list-style-type: none;
  padding: 10px 0;
  margin: 0; }

DIV {
  margin: 0pt;
  padding: 0pt; }

html, body {
  height: 100%; }

* html #left {
  left: 180px; }

.b, li.ref div {
  font-weight: bold; }

li.ref div {
  font-size: 1.2em;
  color: #cc9900; }

.bb {
  border-bottom: 1px solid #776655; }
  .bb div {
    font-weight: bold; }

.br {
  border-right: 1px solid #776655; }

.half {
  width: 50%; }

.inline {
  display: inline; }

.even {
  background-color: white; }

.odd {
  background-color: #e9e9e9; }

.news {
  clear: both;
  display: block;
  padding-top: 10px; }
  .news a {
    text-decoration: none; }

.news a:hover {
  text-decoration: underline; }

a img {
  border: none; }

p {
  padding: 10px 0; }

div#left .panel, div#right .panel {
  background: white url(/images/layout/side_grad.jpg) no-repeat; }

div#left .Recruiters {
  background: white; }

ul recent-jobs {
  clear: left; }
ul#recent-jobs {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul#recent-jobs a {
    text-decoration: none; }
    ul#recent-jobs a:hover {
      color: #00009a;
      text-decoration: underline; }
  ul#recent-jobs strong {
    font-size: 1.2em; }
  ul#recent-jobs li {
    padding: 5px; }
  ul#recent-jobs p {
    padding: 0 0; }

#top-recruiters {
  text-align: center;
  margin: 0;
  padding: 0;
  clear: left; }
  #top-recruiters img {
    border: 0;
    padding: 0;
    width: 70px;
    height: 50px; }
    #top-recruiters img.free-member {
      margin-left: 0;
      height: 40px; }
  #top-recruiters a {
    text-decoration: none; }
    #top-recruiters a:hover {
      text-decoration: underline; }
  #top-recruiters li + li {
    border-top: 1px solid gold; }
  #top-recruiters li {
    text-align: center;
    vertical-align: middle;
    padding: 3px 0;
    clear: both; }
    #top-recruiters li .since {
      margin-left: 45px;
      width: 70px;
      clear: right;
      font-size: 0.7em;
      margin-bottom: -6px; }

.clear {
  clear: both; }

.since {
  margin-top: -3px;
  margin-left: 10px;
  width: 140px;
  background-color: gold;
  font-size: 10px;
  text-align: center; }

.bold {
  font-weight: bold; }

.center {
  text-align: center; }

.Inactive {
  color: red; }

.Live {
  color: green; }

.Test {
  color: orange; }

img.free-member {
  margin-left: 10px;
  border: 0;
  padding: 0; }

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: Arial, Helvetica, sans-serif; }

table.comparison {
  width: 100%; }
  table.comparison caption {
    background: #3a5eb9;
    color: white;
    text-align: left;
    font-weight: bold; }
  table.comparison th {
    background: #d2d7f0;
    font-weight: bold; }
  table.comparison tr {
    background: #eeeeee; }
    table.comparison tr.odd {
      background: #d2d7f0; }
  table.comparison td {
    text-align: right;
    font-weight: bold; }
    table.comparison td + td {
      text-align: center;
      font-weight: normal; }
      table.comparison td + td.yes {
        background-image: url(/images/tick.png); }

#welcome {
  margin-top: -2px;
  margin-bottom: 33px; }
  #welcome img {
    margin-bottom: -42px; }

#follow-us {
  float: right; }
  #follow-us span {
    vertical-align: top;
    font-weight: bold; }
  #follow-us img {
    margin-top: -4px; }

div.Login {
  min-height: 240px; }

td hr {
  display: block;
  padding: 0;
  height: 1px;
  border: none;
  border-top: 1px dotted grey; }

#preview-protector {
  z-index: 100;
  min-height: 100%;
  min-width: 100%;
  text-align: right;
  overflow: hidden;
  background-color: blue; }

