/*

Folha de Estilos - Tela de Login

Projeto: Atendex
Cliente: Task Software Ltda.
Autor: Lucas Gustavo - www.lucasgustavo.com

12/2008

*/

*{
    margin:0;
    padding:0;
    border:none;
    font-family:Trebuchet MS;
    font-size:12px;
}

body{
    margin:0 auto;
    background:#FBFCFD;
    text-align:center;
    cursor:default;
}

.clear{
    clear:both;
}

a{
    text-decoration:none;
    cursor:pointer;
}

#pagina{
    margin:0 auto;
    text-align:left;
    width:420px;
    padding-top:150px;
}

.box_login{
    float:left;
    width:416px;
    height:239px;
    background:#E3EEF6;
    border:1px solid #A5C7E2;
}

.box_login h1{
    font-size:17px;
    color:#609BCC;
    font-weight:normal;
    margin-left:100px;
    margin-top:25px;
    *margin-top:35px;
    *margin-bottom:5px;
}

.box_login label{
    color:#0F5D96;
    font-size:16px;
    float:left;
    width:95px;
    clear:both;
    text-align:right;
    margin-right:5px;
}

.box_login input{
    background:#FFF;
    border:1px solid #8FBADB;
    float:left;
    width:255px;
    padding:3px;
    font-size:14px;
    color:#0F5D96;
    margin-bottom:10px;
}

.box_login input:focus{
    border:1px solid #0F5D96;
    background:#FFF;
}

.botao{
    float:left;
    background:#EBEBEB !important;
    border:1px solid #C1C1C1 !important;
    font-family:Trebuchet MS;
    color:#666 !important;
    font-size:13px !important;
    padding:2px 20px !important;
    width:auto !important;
    cursor:pointer !important;
}

.botao:hover{
    background:#DFDFDF !important;
    border:1px solid #999 !important;
    color:#333 !important;
}

.esqueci{
    font-size:12px;
    color:#666;
    float:right;
    clear:both;
    text-decoration:underline;
    margin-right:10px;
    margin-top:20px;
}

.esqueci:hover{
    text-decoration:none;
}

.task{
    float:left;
    clear:both;
}

.links{
    float:right;
    padding-top:3px;
    padding-right:3px;
}

.links p{
    float:left;
    margin-left:3px;
    margin-right:3px;
    color:#CCC;
    margin-top:-2px;
}

.links a{
    color:#999;
    font-size:10px;
    float:left;
    text-decoration:underline;
}

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

.confirmacao h1{
    float:left;
    margin-left:35px !important;
    margin-top:35px !important;
}

.confirmacao h1 a{
    font-size:12px;
    text-decoration:underline;
    color:#609BCC;
}

.confirmacao h1 a:hover{
    text-decoration:none;
}

/* Mensagens */

  .notice, .error, .warning, .info {
      font: 16px Tahoma, sans-serif;
      font-weight: bold;
      margin: 5px 5px 15px 5px;
      padding: 5px 5px 5px 27px;      
  }
  
  .notice {
      width: 400px
      border: 1px solid #9c9;
      background: #e2f9e3 url(../images/flash/tick.png) no-repeat 5px center;
      color: #060;
  }
  
  .error {      
      border: 1px solid #c68484;
      background: #fcc url(../images/flash/cross.png) no-repeat 5px center;
      color: #c00;
  }
  
  .warning {
      border: 1px solid #dd0;
      background: #ffc url(../images/flash/alert.png) no-repeat 5px center;
      color: #000;
  }
  
  .info {
      border: 1px solid #82c2d4;
      background: #ebf5f8 url(../images/flash/information.png) no-repeat 5px center;
      color: #000;
  }