html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
  font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: left;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

a:visited {
  color: #333;
}

div.notice {
  clear: both;
  background-color: #FFF6BF;
  border: 1px solid #F4D411;
  padding: 15px 25px;
  margin: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
}

div.notice ul {
  text-align: left;
}

input.search {
  color: #777;
}

input.search:focus {
  color: #000;
}

.tip {
  display: inline;
  background-color: #eee;
  border: 1px solid #bbb;
  color: #888;
  font-family: Arial, sans-serif;
  padding: 0.6em 1.5em;
  width: 285px;
  text-align: center;
  font-size: 0.8em;
  position: absolute;
  margin-left: 10px;
}

.formError, .checkboxError, ul#suggestions {
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  color: red;
}

.formError {
  margin-left: 128px;
  padding: 0;
  position: relative;
  text-align: left;
  width: 375px;
}

#main {
  text-align: center;
  position:relative;
  min-height:100%;
  _height:100%;
  padding-bottom: -40px;
}

#menu-logo {
  position: absolute;
  top:0;
  left:0;
}

#menu.with-logo {
  margin: 0 0 35px 0;
  padding: 0 20px 0 175px;
}

#menu {
  font-size: 1.2em;
  border-bottom: 1px dotted #252525;
  padding: 0 20px 0 60px;
  background-color: #000;
}

#menu ul {
  width: 735px;
  margin: 0 auto;
  text-align: left;
}

#menu ul li {
  display: inline;
  line-height: 2.0em;
  padding: 0 10px 0 0;
}

#menu ul li a {
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
}

#menu ul li a:hover {
  color: #FFF6BF;
  background-color: #4b4b4b;
}

#top {
  background: #292929 url("../images/fundo.png") repeat-x top left;
  height: 220px;
  border-bottom: 3px solid #37738C;
}

#top #banner {
  margin: 0 auto;
  width: 850px;
  text-align: left;
}

#top #banner h1 {
  display: none;
}

#top #banner form {
  height: 110px;
  background: transparent url("../images/ondetrabalhar.png") no-repeat 70px 45px;
  padding: 109px 0 0 230px;
}

#top #banner form input.search {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  border: 3px solid #37738C;
  padding: 5px 15px 5px 40px;
  margin: 1px 10px 0 0;
  width: 360px;
  background: #fff url("../images/icon-search.jpg") no-repeat 8px 7px;
}

#top #banner form input#submit_search, #filter_submit {
  border: none;
  background: transparent url("../images/btn_bg.png") no-repeat top left;
  color: #000;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  width: 106px;
  height: 50px;
  padding: 0 0 5px 0;
  vertical-align: top;
}

#top #banner form label {
  display: none;
}

#content {
  width: 850px;
  margin: 0 auto;
  text-align: left;
  font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  clear:both;
}

#content p.slogan {
  padding: 40px 0 70px 0;
  margin: 0;
  font-size: 1.7em;
  color: #515151;
  font-family: Arial, sans-serif;
  text-align: center;
}

#content p.slogan strong {
/*  background-color: #1E829F;*/
  background-color: #37738C;
  color: #fff;
  font-weight: normal;
  padding: 0 0 2px 0;
}

#content .newJob {
  display: block;
  float: right;
  height: 0;
  overflow: hidden;
  padding-top: 210px;
  margin: 0 0 10px 10px;
  width: 250px;
  background: transparent url("../images/quero-anunciar.png") no-repeat scroll top left;
}

#content h1.first {
  padding-top: 0;
}

#content h1 {
  clear: left;
  padding: 45px 0 0 0;
  color: #1E829F;
  font-size: 2em;
  letter-spacing: -1px;
  font-weight: bold;
}

#content h4 {
  font-size: 0.9em;
  font-style: italic;
  padding: 0 0 15px 20px;
  color: #999;
  margin: 0;
}

#content strong {
  font-weight: bold;
}

#content p {
  padding: 0 0 20px 0;
}

#content a {
  text-decoration: none;
/*  color: #165F74;*/
  color: #37738C;
}

#content a:hover {
  text-decoration: underline;
  color: #D7522D;
}

#content ul {
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
}

#content ul li {
  list-style: circle inside;
  padding: 5px 0;
}

#content h2 {
  font-size: 1.6em;
  font-weight: bold;
  border-bottom: 2px solid #000;
  margin: 20px 0 10px 0;
}

#content .logo {
  padding: 130px 0 0 30px;
  float: right;
  clear:both;
}

#content .logo a {
  display: block;
  margin: 0 0 20px 0;
}

form {
  padding: 0 0 30px 0;
}

form input, form textarea {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  font-size: 1.2em;
  margin-bottom: 3px;
  padding: 4px 7px;
}

form input[type="submit"] {
  background-color: #ECECEC;
  border: 1px solid #ABBCDD;
}

a.action {
  background-color: #fff;
  border: 1px solid #ABBCDD;
  padding: 5px 8px;
}

a.right {
  float: right;
  margin: 10px;
}

a.action:hover {
  background-color: #FFF6BF;
}


form li label {
  display: inline-block;
  font-size: 1.1em;
  color: #555;
  vertical-align: top;
}

form input:focus, form textarea:focus {
  background: #FFFFEB;
  border: 1px solid #aaa;
}

form fieldset li {
  list-style: none;
  padding: 10px 0;
  margin: 0;
}

.fieldWithErrors {
  display: inline;
}

.fieldWithErrors input, .fieldWithErrors textarea {
  border: 1px solid #FF2E2E;
}

form.new_company fieldset {
  margin-bottom: 10px;
}

.pagination {
  margin: 30px 0 20px 0;
  font-size: 12px;
}

.pagination .disabled {
  display:none;
}

.pagination .current {
  border-style: solid;
  border-color: #000000;
  border-width: 1px 1px 1px 1px;
  padding: 2px 6px 2px 6px;
  background-color: black;
  color:#FFFFFF;
}

.pagination a {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 2px 5px 2px 5px;
}

.pagination a:hover {
  background-color:lightgray;
  border:1px solid black;
  font-color: black;
}

form.new_company label, form.edit_company label {
  width: 120px;
}

#show_company_info_label {
  width: 500px;
}

#company_submit {
  margin: 20px 0 0 0;
  width: 190px;
  cursor: pointer;
}

form#new_company_session label {
  width: 120px;
}

form#new_company_session input[type="checkbox"] + label {
  width: 505px;
}

form fieldset input, form fieldset textarea {
  width: 365px;
}

form #new_contact {
  height: 150px;
}

form fieldset input#check_accept, form fieldset input#job_show_company_info {
  width: 20px;
}

#show_company_info_fieldset {
  margin: 10px 0px 10px 0px;
}

#company_session_submit {
  width: 190px;
}

form#new_job label, form.edit_job label, form#new_contact label {
  width: 120px;
}

#job_description {
  width: 365px;
  font-size: 1em;
}

#job_submit {
  margin: 20px 0 0 0;
  display: block;
  width: 190px;
  cursor: pointer;
}

dl#company {
  background-color: #efefef;
  padding: 10px;
}

dl#company dt {
  color: #555;
}

dl#company dd {
  padding: 3px 0 15px 15px;
  font-size: 1.2em;
}

div.job {
  border: 1px solid #e0e0e0;
  padding: 10px;
  background-color: #eee;
  margin-bottom: 1em;
}

div.job h3 {
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: bold;
}

div.job h3 a {
  color: #1E829F;
}

div.job h3 a:visited {
  color: #1E829F;
}

div.job ul.operations li {
  display: inline;
  margin: 0 1em 0 0;
}

div.job ul.operations {
  position: relative;
  top: -1em;
  float: right;
  clear: right;
}

div.job span.created_at {
  position: relative;
  top: -2em;
  float: right;
  color: gray;
}

div.job.old {
  background-color: #f5f5dc;
}

div#filters {
  padding: 30px 10px 10px 10px;
  background: #292929 url("../images/fundo.png") repeat-x top left;
  margin: -35px 0 25px 0;
  color: #fff;
}

div#filters label {
  color: #fff;
  width: 180px;
  text-align: right;
  padding: 5px;
}

#filter_submit {
  position: relative;
  left: 10px;
  top: -0.5em;
}

div#job dt {
  font-weight: bold;
  padding: 0.3em 0;
}

div#job dd {
  margin-left: 1em;
}

#tag_examples {
  margin-left: 12em;
  font-size: .7em;
  font-color: black;
  width: 365px;
}

#description-template {
  text-align: left;
}

#description-template dt {
  font-weight: bold;
}

#description-template dd {
  margin-bottom: 1em;
}

input#preview {
  cursor: pointer;
  width: 190px;
  margin: 10px 0 20px 0;
}

#mascote {
  position: absolute;
  left: 0;
  width: 160px;
  padding: 20px 0 0 0;
}

textarea {
  resize: none;
}

#company_ddd {
  width: 45px;
}

#company_phone {
  width: 287px;
}

h5.desc_header {
  font-family: Gills Sans, sans-serif;
  font-weight: bold;
}

#company_session_remember_me {
  width: 20px;
  border: none;
}

.tag_list {
  font-family: Gills Sans, sans-serif;
  font-weight: normal;
  font-size: small;
  padding-left: 1px;
}

.tag_list a:hover {
  color: #a1a1a1 !important;
  text-decoration: none !important;
  border-bottom: 1px dotted darkblue;
}

.rss {
  float: right;
  padding: 6px 6px 0 0;


}

.js-only {
  display: none;
}

#captcha label {
  float: left;
  padding-right: 5px;
}

#captcha_input {
  float: left;
  padding: 5px;
  border: 1px solid #e0e0e0;
  width: 368px;
  margin-bottom: 10px;
}

#captcha_input img {
  display: block;
}

#captcha_input input {
  width: 352px;
}

#preview p {
  width: 800px;
  margin: 0px;
  padding: 0px;
}

#preview_job_item {
  border-style:solid;
  border-color: lightgray;
  border-width:10px;
  margin-bottom: 20px;
  width: 835px;
  background-color: #eee;
  padding: 10px 10px 0px 10px;
}

#preview_job_item .job {
  border-width: 0px;
}

#preview_show {
  border-style:solid;
  border-color: lightgray;
  border-width:10px;
  padding: 0px 20px 20px 20px;
  width: 815px;
}

#wanting_job {
  padding: 0 270px 0 0;
  background: transparent url('../images/icon_procurandovagas.jpg') no-repeat right top;
}

#wanting_posts {
  padding: 0 270px 0 0;
  background: transparent url('../images/icon_temosvagas.jpg') no-repeat right top;
}

#who_we_are {
  padding: 0 270px 0 0;
  background: transparent url('../images/icon_quem.jpg') no-repeat right top;
}

#advanced_search {
  padding: 0 270px 0 0;
  background: transparent url('../images/icon_buscaavancada.jpg') no-repeat right top;
}

input#send_mail {
  width: 190px;
}

p.ops {
  text-align: center;
}

#footer {
  background-color: #212121;
  color: #ffffff;
  height: 30px;
  text-align: center;
  padding-top: 10px;
  position: relative;
  margin-top: -10px;
}

#footer a {
  color: #fff;
  text-decoration: underline;
}

#footer a:hover {
  color: #FFF6BF;
}

ul#suggestions {
  margin-left: 128px !important;
  padding: 0;
}

ul#suggestions li {
    list-style: none !important;
}

.checkboxError + div + div {
  border: 1px solid #ff2e2e;
}

#check_accept {
  margin: 2px;
  padding: 0;
}

#occurrences{
  font-size: 0.8em;
  font-weight: normal;
  padding: 20px;
  color: #555;
  margin-top: -90px;
  margin-bottom: 35px;
}

#occurrences a {
  color: #888;
}

ul.suggestions { list-style:none;}
li.locals { line-height:1.3em;}
.col2{ margin-left:300px;}
.top1 { margin-top:-1.3em;}
.top2 { margin-top:-3.9em;}
.top3 { margin-top:-5.9em;}
.top4 { margin-top:-9.7em;}
.top5 { margin-top:-9.7em;}

#new_subscription fieldset{
	margin-bottom: 10px;
}
#new_subscription label{
	display: inline-block;
	display: -moz-inline-box;
	line-height:1.8;
	vertical-align: top;
}
#new_subscription fieldset ol{
	margin:0;
	padding:0;
}
#new_subscription fieldset li{
	list-style: none;
	padding:5px;
	margin:0;
}
#new_subscription label{
	width:200px;
}
#new_subscription fieldset input{
	padding-top: 10px;
	padding-bottom: 10px;
}

a#helpSubscription {
   float: right;
   clear: right;
   right: 45px;
   position: relative;
   font-size: 0.7em;
}

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/

a.tooltip span {
	position:relative; /*this is the key*/
   	z-index:24; background-color:#ccc;
   	color:#000;
   	text-decoration:none;
	display:none;
}

a.tooltip:hover{z-index:25; background-color:#ff0}
a.tooltip:hover span{
	display:block;
    position:absolute;
	top:5em; left:60em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

div#reenvio{
	background-color:#ecddce;
	border:1px solid #77ddce;
	text-align: center;
	padding:10px;
}