/*
 * Generic Modules based on suffix
 *
 * v0.06
 *
 * Esse pacote contém código para criação de boxes arredondados em CSS.
 * Para criar novos boxes se basear em -whitebox.
 * Note que existem duas versões de arquivo PNG e JPG.
 * Por causa do IE6 e 5.5, não da para usar PNG com background-repeat e position
 * nesses navegadores.  Então PNGs transparentes são usados apenas nos cantos.
 * Para as outras partes usar JPG e se quiser/precisar PNGs para outros navegadores.
 * Para converter os PNGs em JPGS (ou GIFS) usar:
 * # for i in *png; do convert -compress LZW $i `basename $i .png`.gif; done
 * # for i in *png; do convert $i `basename $i .png`.jpg; done
 *
 * Obs: the IE6 1px bug can be seen on the float column.
 * Here are 2 explanations to them:
 * - http://marc.baffl.co.uk/bugs.php#ab-pos
 * - http://www.pmob.co.uk/temp/onepxgap.htm
 * Possível solução no futuro: 
 * right: expression(-this.parentNode.offsetwidth%2+"px"); 
 * bottom: expression(-this.parentNode.offsetHeight%2+"px");
 */


/* Coluna: Titanium (ex-cassio)
 * Version: 0.3
 * Todo: Menu
 * Largura Total: 178px
 * Largura para conteúdo (área útil): 155px;
 */
.module-titanium .module-inner-1
{
  width: 178px;
  background-image: url(../img/column-titanium/middle-178.jpg);
  background-color: transparent;
  background-position: top left;
  background-repeat: repeat-y;
}


.module-titanium .module-inner-2
{
  background-image: url(../img/column-titanium/top-178.jpg);
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
}

.module-titanium .module-inner-3
{
  background-image: url(../img/column-titanium/bottom-178.jpg);
  background-color: transparent;
  background-position: bottom left;
  background-repeat: no-repeat;
}

.module-titanium .module-inner-4
{
  overflow: hidden;
  margin-left: 10px;
  margin-right: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.module-titanium h3
{
        font-size: 14px;
        width: 100%;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        margin-bottom: 5px;
        color: #005E31;
        border-bottom: 1px solid #005E31;
}


/* Correções para o Login
 * Centraliza botão no meio
 * Pode influenciar outros forms
 */
.module-titanium form table td .button
{
  display: block;
  margin: auto;
  margin-bottom: 10px;
  margin-top: 10px;
}

.module-titanium form
{
  background-color: #000033;
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
}

.module-titanium form table
{
  color: #000000;
  background-image: url(../img/column-titanium/middle-178.jpg);
  background-color: transparent;
  background-position: center center;
  background-repeat: repeat-y;
  padding-top: 10px;
}

.module-titanium form table td a
{
  background-color: #000033;
  color: #ffffff;
  width: 100%;
  display: block;
  text-align:center;
}

/* Estica todo os campos do form para caber no módulo */
.module-titanium form table .inputbox
{
  width: 100%;
  margin-bottom: 10px;
}

/* Menos o checkbox */
.module-titanium form table #mod_login_remember
{
  width: auto;
  margin-bottom: 0;
}

.module-titanium form table label
{
  line-height: 1.5em;
}































/* OBS: Talvez tenha de mover para outro lugar */
/* Rationale, todos os módulos devem conter sua altura exata, mesmo
   que existam floats dentro (absolute ainda é uma excessão), então
   aplicamos clearfix para ele e os ies possuem código correspondente
   no arquivo apropriado
   */
.module-inner-5:after 
{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}