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: 154px; }
  #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; }

div.Navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
div.Navigation a {
  text-decoration: none; }

#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-left: -100px;
  padding: 5px 10px; }
  #logout a {
    font-size: 90%;
    font-weight: bold;
    text-decoration: none;
    color: black; }
    #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("http://www.eurojobs.com/images/left_glass.png") no-repeat left top;
    padding: 0px 0px 0px 10px;
    border-bottom: 1px solid #765; }
    #menu li a {
      float: left;
      display: block;
      background: url("http://www.eurojobs.com/images/right_glass.png") no-repeat right top;
      padding: 7px 15px 2px 5px;
      text-decoration: none;
      font-weight: bold;
      color: #765; }
      #menu li a:hover {
        color: blue; }
    #menu li.help {
      width: 10000px;
      margin-right: -10000px; }
    #menu li.sw {
      float: right;
      margin-right: -6px; }

#smenu {
  clear: left;
  float: left;
  width: 100%;
  background: url("http://www.eurojobs.com/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("http://www.eurojobs.com/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("http://www.eurojobs.com/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 #765;
    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%; }
  .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 #765;
    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(http://www.eurojobs.com/images/login-bg.gif) no-repeat #FFF 5px;
  padding-left: 25px; }

#right #openid_url {
  width: 129px; }

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

.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("http://www.eurojobs.com/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; }

.google_sky {
  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: #000; }
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000099;
    color: #FFF; }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd; }

.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: #CFC;
  border: solid 1px #6C6; }

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

.error {
  background-color: #FCC;
  border: solid 1px #C66; }

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; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0px;
  background-color: #c00;
  color: #fff; }
#errorExplanation p {
  color: #333;
  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, .ref {
  font-weight: bold; }

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

.bb {
  border-bottom: 1px solid #765; }

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

.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: #ffffff url(http://www.eurojobs.com/images/layout/side_grad.jpg) no-repeat; }

div#left .Recruiters {
  background: #ffffff; }

ul recent-jobs {
  clear: left; }
ul#recent-jobs {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul#recent-jobs a {
    color: #333333;
    text-decoration: none; }
    ul#recent-jobs a:hover {
      color: #00009A;
      text-decoration: underline; }
  ul#recent-jobs li {
    padding: 5px; }
  ul#recent-jobs p {
    padding: 0 0; }
ul#top-recruiters {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: left; }
  ul#top-recruiters img {
    border: 0;
    padding: 0;
    width: 70px;
    height: 50px; }
    ul#top-recruiters img.free-member {
      margin-left: 0;
      height: 40px; }
  ul#top-recruiters li+li {
    border-top: 1px solid gold; }
  ul#top-recruiters li {
    text-align: center;
    vertical-align: middle;
    padding: 3px 0;
    clear: both; }
    ul#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; }

.Inactive {
  color: red; }

.Live {
  color: green; }

.Test {
  color: orange; }

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

pre {
  white-space: pre-wrap /* css-3 */;
  white-space: -moz-pre-wrap !important /* Mozilla, since 1999 */;
  white-space: -pre-wrap /* Opera 4-6 */;
  white-space: -o-pre-wrap /* Opera 7 */;
  word-wrap: break-word /* Internet Explorer 5.5+ */;
  font-family: Arial,Helvetica,sans-serif; }

table.comparison {
  width: 100%; }
  table.comparison caption {
    background: #3a5eb9;
    color: #ffffff;
    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(http://www.eurojobs.com/images/tick.png); }