body {
  font-family: Helvetica, Arial, "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #666;
  margin: 0;
  background: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  background-size: contain;
}

.jobblock, .job-header { font-size: 0; }

.jobblock span, .jobblock a {
  font-size: 14px;
  line-height: 1.45em;
}

.jobblock br { display: none; }

.job-header span {
  font-size: 14px;
  line-height: 1.5em;
  font-family: Helvetica, Arial, "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.job-header span:hover {
  background: whitesmoke;
}

.jobblock a {
  color: #ac4a00;
  text-decoration: none;
  outline: 0;
  font-family: Helvetica, Arial, "HelveticaNeue", "Helvetica Neue", sans-serif;
}

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

.jobblock { border-top: thin solid #ddd; }

.jobblock:nth-child(odd) { background: whitesmoke; }

.jobblock a, .job-header .title,
.employment_status, .expires, .location {
  display: inline-block !important;
  vertical-align: top;
  padding: .333em .5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.jobblock .jobid    { display: none; }

.jobblock a, .title { width: 41%; }
.employment_status  { width: 24%; }
.expires            { width: 15%; }
.location           { width: 20%; }


.job-header span.asc,
.job-header span.desc {
  background: #ddd;
  position: relative;
}

.job-header span.asc:before,
.job-header span.desc:before {
  content: '';
  position: absolute;
  top: 50%;
  right: .5em;
  height: 0;
  width: 0;
  border: 4px solid transparent;;
  font-family: sans-serif;
}

.job-header span.asc:before {
  border-bottom-color: #333;
  margin-top: -5px;
}

.job-header span.desc:before {
  border-top-color: #333;
  margin-top: -3px;
}