@charset "utf-8";
body {
    background: #ffffff;
    font-family: Helvetica Neue, arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
}

#header {
    height: 30px;
    background: #89afc5;
    padding: 10px;
}

#logo {
    float: left;
    font-size: 18pt;
    font-weight: bold;
    margin-right: 10px;
}

#searchForm {
    margin: 0px;
    margin-bottom: -10px;
    padding: 0px;
}

#searchFields {
    border: 0px;
    margin: 0px;
}

#searchWhatLabel {
    font-size: 10pt;
    font-weight: bold;
}

#searchWhereLabel {
    font-size: 10pt;
    font-weight: bold;
    margin-left: 1em;
}

.jobItem {
    margin-bottom: 1em;
}

.jobTitle a {
    color: #000080;
    text-decoration: underline;
    font-size: 12pt;
}

.jobTitle a:hover {
    text-decoration: none;
}

.jobTitle a:visited {
    background: #cffbcf;
}

.jobTitle a:active {
    text-decoration: none;
    background: palegreen;
}

.jobDescription {
    color: #505050;
    font-size: 11pt;
}

.jobCompany {
    color: black;
    display: inline;
    font-size: 11pt;
}

.jobLocation {
    color: #707070;
    display: inline;
}

.jobLocation:before {
    color: black;
    content: " - ";
}

.jobSource {
    color: #008000;
    font-size: 8pt;
    display: inline;
}

.jobSource:before {
    color: black;
    content: " Fonte: ";
}

.jobLongAgo {
    color: #b0b0b0;
    font-size: 8pt;
    display: inline;
}

.jobLongAgo:before {
    color: black;
    content: " - ";
}

#pager {
    font-weight: bold;
    font-size: 12pt;
}

#pager u {
    background-color: #000080;
    color: #ffffff;
    text-decoration: none;
    padding: 0.2em;
}

a.pagerLink {
    color: #000080;
    text-decoration: underline;
    padding: 0.2em;
    margin: 0px;
}

a.pagerLink:hover {
    text-decoration: none;
    background: #000080;
    color: #ffffff;
    padding: 0.2em;
}

#resultCount {
    padding-top: 1em;
    padding-bottom: 1.5em;
    float: left;
    font-weight: regular;
    background: #fff url(/images/verticalBlueFade.jpg) repeat-x;
    width: 100%;
    font-size: 11pt;
}

#resultCountNumber {
    font-weight: bold;
}

#searchResult {
    float: left;
    width: 80%;
}

#result {
    margin-top: 0px;
}

#ad {
    margin-right: 1em;
    padding-top: 1em;
    padding-left: 1em;
    float: right;
    border-left: #b0b0b0 1px solid;
}

#pager {
    width: 100%;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 1em;
    background: #89afc5;
}

.br {
    clear: both;
}

.queryWhat, .queryWhere {
    display: inline;
    font-style: oblique;
    font-weight: bold;
}

/* set millions of background images */
.rbroundbox {
    background: #89afc5;
    margin: 0px;
    padding: 0px;
}
.rbtop div { background: url(/images/tl.gif) no-repeat top left; }
.rbtop { background: url(/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbroundbox { width: 75%; margin: 0em auto; }

#searchBox {
    margin-top: 100px;
    width: 600px;
}