/* vim: set expandtab tabstop=2 shiftwidth=2 softtabstop=2: */

/**
 * main.css.
 * @author    Tiago R. Mello <timello@gmail.com>
 * @autor     Franco K. Doi  <doi.san@gmail.com>
 * @copyright Lecto Informacoes - 2005
 * @link      http://www.lecto.com.br
 */

/* Global */
body {
  font-family: Arial, sans-serif;
}

img {
  border: none;
}

a:hover {
  color: #0000ff;
}

/* End of the global */

/* Page global */
#mainpage, #tickeriframe {
  margin: 0 auto 0 auto;
  width: 720px;
}

#title {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 10px;
  text-align: right;
  font-weight: bold;
  font-size: 16.5pt;
}

.subtitle {
  font-weight: bold;
  background: #ccc;
  font-size: 10pt;
  padding: 5px;
}

.subtitlesimple {
  padding-top: 3px;
  padding-bottom: 3px;
  background: #cccccc;
  font-size: 10pt;
}

/* Tag is filled by text */
.textblock {
  font-size: 10pt;
  text-align: justify;
  margin: 0 auto 0 auto;
}

/* Collors that are used */
.color1 {
  background: #f0f0f0;
}

.color2 {
  background: #fff;
}

tr.listcolor1 td, li.listcolor1 {
  background: #f0f0f0;
  padding: 3px;
}

tr.listcolor2 td, li.listcolor2 {
  background: #fff;
}

/* End of collors */

/* Category search */
#category {
  position: relative;
  margin-top: 1em;
  font-size: 7pt;
}

hr#categorylinetop {
  border: 1px solid #ffcc00;
}

hr#categorylinebottom {
  border: 1px solid #ffcc00;
}

#category a {
  color: blue;
}

.categorycol {
  float: left;
  width: 50%;
  padding: 2px 0;
  font-family: Lucida, sans-serif;
  font-size: 7.5pt;
}

.categoryfooter {
  font-size: 10pt;
  text-align: center;
  clear: both;
}
/* End of Category search */

/* Border doesnt't exist */
.noborder {
  border: none;
  font-size: 10pt;
}

#header {
  position: relative;
  height: 60px; /*position of minilogo.jpg*/
  margin-top: 1em;
}
/* End of the global */

/* Logo */    
#toplogo {
  text-align: center;
}

#minilogo {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
/* End of logo and minilogo */

/* Banners */
#banners {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
/* End of Banners */

/* Line that separate the mainpage and the footer */
.line {
  border-bottom: 1px solid #000;
}

/* Searchbox */

#quicksearchbox input, #categorysearchbox input {
  border: 1px solid #666;
}

/*.inputText input {
  width: 280px;
}

.inputText select {
  width: 140px;
}
*/

#quicksearchbox select, #categorysearchbox select {
  border: 1px solid #666;
}



#quicksearchbox table {
  background: #ffffff;
  border: 0px;
  padding: 1px;
}

#searchat {
  position: absolute;
  bottom: 20px;
  left: 90px;
  font-size: 12px;
}

/* End of searchbox */

/* Resultbox */
.notadvbox {
  font-size: 10pt;
  clear: both;
  min-height: 22px;
  float: left;
  width: 70%;
}

.notadvbigbox {
  margin-top: 10px;
  font-size: 10pt;
  clear: both;
  border: 1px solid #ccc;
  float: left;
  width:70%;
}

.notadvboxtitle {
  font-size: 10pt;
  text-align: center;
  font-weight: bold;
  padding: 0;
}

.counterbar {
  margin-bottom: 10px;
  margin-top: 0;
  border-top: 2px solid #ffcc00;
  background: #f0f0f0;
  font-size: 10pt;
}

.resultbox {
  margin-bottom: 15px;
  border: 1px solid #999;
  background: #f0f0f0;
  font-size: 10pt;
}

.resultboxtitle {
  font-size: 12pt;
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  padding: 0;
}

div.localizations, div.webbox {
  position: relative;
  margin: 0.5em 0.5em 1em; /* top=0em, right=0.5em, bottom=1em, left=0.5em */
  padding: 0;
  padding-top: 10px;
  border: 1px solid #ccc;
  background: #fff;
}

span.city, span.boxlegend {
  position: absolute;
  top: -8px;
  left: 5px;
  font-weight: bold;
  font-size: 8pt;
  background: #f0f0f0;
  padding: 0;
}

.leftresultcol {
  position: relative;
  margin-left: 0.5em;
  width: auto;
  float: left;
  padding: 0.2em;
}

.rightresultcol {
  width: auto;
  clear: right;
  text-align: right;
  padding: 0.2em;
}

.keywordbox {
  position: relative;
  margin: 0.5em 0.5em 1em; /* top=0em, right=0.5em, bottom=1em, left=0.5em */
  padding: 0.5em;
  border: 1px solid #ffcc00;
  background: #ffffcc;
  text-align: justify;
  height: 30px;
}

.clearbox {
  clear: both;
  padding: 0;
  font-size: 1pt;
}
/* End of resultbox */

/* Result page */
.notfound {
  text-align: center;
  font-weight: bold;
}

div#searchcategoriesheader {
  font-size: 12pt;
}

div#searchcategoriesheader span {
  color: red;
  font-weight: bold;
}

/* End Result page */

/* It's the yellow box in the whatis page */
#contactbox {
  padding: 5px 20px; /* top & bottom = 5px, left & right = 20px */
  font-size: 10pt; 
  background:  #ffffcc; 
  color: #000;
}

#messagebox {
  background: #ffffcc;
  border: 1px  solid #000;
}

div#sidelinks {
  position: absolute;
  right: 5px;
  top: -5px;
}

div#leftsidelinks {
  position: absolute;
  text-align: right;
  left: 15px;
  top: 3px;
}

div#sidelinks ul, div#leftsidelinks ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#sidelinks a, div#leftsidelinks a {
  font-size: 8pt;
  color: #000;
}

/* Footer */
#footerlink {
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
  clear: both;
}

#footerlink a {
  color: #000;
}

#footercredits {
  font-size: 7pt;
  text-align: center;
  margin-top: 10px;
}

/* Footer end */

/* Paginate */

#paginate {
  text-align: center;
  font-size: 9pt;
  width: 100%;
}

/* Opinion column */
#rightcolumn {
  float: right;
  width: 344px;
  margin: 0;
}

#leftcolumn {
  width: 344px;
  margin: 0;
  float: left;
}
/* End of opinion column */

#bottom {
  clear:both;
  font-size: 10pt;
}

/* Franchise page */
#franchise {
  width: 590px;
  padding-left: 52px;
}

/* Setting when the field are not filled */
.errormessage {
  font-size: 8pt;
  text-align: justify;
  font-style: italic;
  color:#ff0000;
}

/* Announce & AdvancedSearch*/

.advancedsearchform {
  margin-top: 10px;
}

.announceform, .advancedsearchform, .opinionform {
  font-size: 9pt;
  border: 1px solid #ffcc00;
  padding: 0;
  margin-bottom: 5px;
}

.announceform table, .advancedsearchform table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.announceform ul {
  padding: 0;
}

.announceform li {
  list-style: none;
  margin-left: 5px;
  padding: 0;
}

.announceform input, .announceform select, .announceform textarea {
  border: 1px solid #ffcc00;
}

.advancedsearchform input, .advancedsearchform select, .advancedsearchform textarea {
  border: 1px solid #ffcc00;
}

.opinionform input, .opinionform select, .opinionform textarea {
  border: 1px solid #ffcc00;
}

.announceform legend {
  font-weight: bold;
}

tr.buttonbar td {
  border-top: 2px solid #aaa;
  padding-top: 1em;
}

#announcesteps {
  float: right;
  padding-left: 5px;
  background-image: url(../images/dot.gif);
  background-repeat: repeat-y;
}

#announcesteps li {
  list-style: none;
  border-bottom: 1px solid #ffcc00;
  padding: 2px;
  margin: 5px;
  font-size: 9pt;
  width: 105px;
}

li#selectedstep {
  border-bottom: 2px solid #ffcc00;
  font-weight: bold;
}

#announcehelp {
  float: left;
  font-size: 10pt;
  width: 410px;
  margin: 5px;
  padding-left: 10px;
  background-image: url(../images/dot.gif);
  background-repeat: repeat-y;
  text-align: justify;
}

#announcehelp div {
  font-size: 14pt;
}

#announcehelp ul {
  padding-left: 15px;
}

#announcehelp li {
  margin-bottom: 5px;
}

.announceerror {
  background: #ffacac;
  padding-top: 3px;
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
}

.adconfirmtitle {
  background: #aaa;
  font-weight: bold;
  color: #fff
}

/* Announce */

/* Lecto Suggestions */
#lectosuggestion {
  margin-bottom: 10px;
}

#lectosuggestion span {
  font-size: 12pt;
  color: red;
  font-weight: bold;
}

/* Opinion */

#opinions {
  position: relative;
  background-image: url(../images/dot.gif);
  background-repeat: repeat-y;
  background-position: center;
  /* Hack or not! If remove this line it not show the background-image. */
  border: 1px solid #fff;
  margin-top: 5px;
  margin-bottom: 5px;
}

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

#opinions fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

#opinions legend {
  font-size: 10pt;
}

#useropinions {
  position: relative;
  float: left;
  width: 49%;
}

#advertiseropinions {
  position: relative;
  float: right;
  width: 49%;
}

#useropinions div, #advertiseropinions div {
  text-align: justify;
  margin: 5px;
  padding: 3px;
  font-style: italic;
  font-size: 10pt;
}

#useropinions div {
  border: 1px dotted #aaa;
}

#advertiseropinions div {
  border: 1px dotted #ffcc00;
}

/* Admin bar */

#adminbar {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px;
  text-align: center;
  background: #ffcc00;
  font-weight: bold;
  font-size: 10pt;
}

button {
  border: 1px solid #ffcc00;
}

script {
  margin: 0;
  padding: 0;
}

#ticker {
  border-top: 2px solid #ffcc00;
  padding-top: 4px;
  margin-top: 5px;
}

#searchat ul, 
#searchat li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

#searchattext {
  float: left;
  line-height: 20px;
}

#searchatradios {
  float: left;
}

.odd {
    background-color: #CCCCCC;
}
.even {
    background-color: #CCCCB0;
}

.form-row {
    float:left;
    padding:4px 0;
    width:100%;
}
#login-form label {
    color:#333333;
    float:left;
    font-size:1em;
    line-height:2em;
    padding-right:0.5em;
    text-align:right;
    width:9em;
}

.errornote {
    border:1px solid red;
    color:red;
    display:block;
    font-size:12px !important;
    margin:0 0 3px;
    padding:4px 5px 4px 25px;
}


.google-adv {
    width: 100%;
    text-align: right;
}