/* CLASSFILTER */
@import "classfilter.css";

/***
* geral
***/
a { font-weight: bold; color:#008; text-decoration: none;}
.red { color: red }
.blue { color: blue }
.green { color: green }
.info { background: #F2F2F2 url(/fw/img/ico_info2.gif) no-repeat 5px 2px; padding: 12px; padding-left: 45px; margin: 10px 0; border: 1px solid #666; font-weight: bold; color: #333; }
body { margin:0;padding:0; background: #F2F2F2 url('/fw/img/bg-line-775x1.gif') fixed repeat-y center center; }
* { font-family: Verdana; }
body p { text-align:justify; }
body, select, div, tr, td, table, input, textarea { font-size:11px; }
img { border:0; }
.hand { cursor:pointer; }
.msg, .erro, .msgOk, .msgLog  { 
  border: 1px solid red; 
  margin: 2px;
  padding: 3px 2px 3px 50px; 
  color: red; 
  background: #F3F3F3 url(../img/ico_exclamation_02.gif) no-repeat 0 0;
  min-height: 24px;
  max-height: 80px;
  overflow-y: auto;
  /* SEÇÃO ESPECIAL PARA O BUGADO IE */
  _background-attachment: fixed;
 /* APLICA MIN-MAX NO IE */
  height: expression(this.scrollHeight > 79 ? "80px" : this.scrollHeight < 24 ? "24px" : "auto");
}
.orderAZ 
 {
  background-image:url('/fw/img/arrow_down.gif');
  background-position:95% 50%;
  background-repeat:no-repeat;
  cursor:pointer;
 }
.orderZA 
 {
  background-image:url('/fw/img/arrow_up.gif'); 
  background-position:95% 50%;
  background-repeat:no-repeat;
  cursor:pointer; 
 }
.sortable tr.titulo td
 {
  cursor:pointer;
 }
 
.msgOk {
  border: 1px solid green; 
  color: green; 
  background: #F3F3F3 url(../img/ico_ok.gif) no-repeat 0 0;
}
.msgLog {
  border: 1px solid black; 
  color: black; 
  background: #fc7 url(../img/ico_debug.gif) no-repeat 0 0;
  font-weight: bolder;
  height: auto;
  max-height: 100%;
  
}
.msgLog li {
  margin: 10px;  
}

.erro {
  overflow: auto;
}
a.button { 
  background-color: #F3F3F3; 
  padding: 2px; 
  border: 1px solid #C3C3C3;
  text-decoration: none;
  display: block;
  width: 520px;
  margin: 0 auto;
  text-align: center;
}
a.button:hover {
  background-color: #FAFAFA;
}


/***
* header
***/
body div#header { 
  background: #E2E2E2 url('/fw/img/top.jpg') no-repeat 50% 50%; 
  width:775px; 
  height:90px; 
  margin: 0 auto;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
body div#header h1 { display:none; text-align:center; font-size:16px; }

.c { text-align: center }
.r { text-align: right }
.l { text-align: left }
.b { font-weight: bold }
.m5 { margin-left: 5px !important; margin-right: 5px !important }
.ml5 { margin-left: 5px !important }
.mr5 { margin-right: 5px !important }
.m10 { margin-left: 10px !important; margin-right: 10px !important }
.ml10 { margin-left: 10px !important }
.mr10 { margin-right: 10px !important }
.w40 { width: 40px }
.w50 { width: 50px }
.w60 { width: 60px }
.w70 { width: 70px }
.w80 { width: 80px }
.w100 { width: 100px }
.w150 { width: 150px }
.w200 { width: 200px }
.w300 { width: 300px }
.w450 { width: 450px }

/***
* popup
***/
body.popup table { width:100%; }
body.popup table tr.titulo { height:20px; padding: 3px 3px 3px 3px; font-weight:bold; background-color:#DFDFDF; }
body.popup table tr.titulo td { text-align: center; }
body.popup table tr td.w40 { width:40px; }
body.popup table tr td.w80 { width:80px; }
body.popup table tr td.w120 { width:120px; }
body.popup table tr td.w200 { width:200px; }
body.popup table tr.cor2 { background-color:#E3E3E3; }
body.popup table tr.cor1 { background-color:#FFFFFF; }
body.popup table tr td { padding-left: 5px; }
body.popup table tr td { margin-left:5px; }
body.popup table tr td.d { text-align:right; }
body.popup table tr td.c { text-align:center; }
body.popup form textarea.w560 { width:560px; }
body.popup form textarea.h150 { height:150px; }
body.popup form textarea.h50 { height:50px; }
body.popup form textarea.w250 { width:250px; }
body.popup  h1 { font-size:14px; color:#CC0000; }
.ttred { padding: 2px; margin-left: 25px; border: 1px ridge #999; background-color: #fee; font: 8pt verdana; }
/***
* main
***/
body div#main { width:755px; padding:10px; margin: 0 auto; }
/*body > div#main { width: 755px }*/
body div#main h1 { font-size:14px; color:#CC0000; }
body div#main h2 { margin-top:20px; margin-bottom:5px; padding:3px 3px 3px 3px; background-color:#F3F3F3; font-size:13px; color:#333; }
body div#main h3 { background-color:#F4F4F4; font-size:11px;  }
body div#main div#list { width:100%; height:120px; overflow:auto; }
body div#main fieldset { padding: 5px 5px 5px 5px; }
body div#main table { width:100%; }
body div#main table tr.titulo, table thead tr { height:20px; padding: 3px 3px 3px 3px; font-weight:bold; background-color:#E2E2E2; }
body div#main table tr.titulo td, table thead tr th { text-align: center; padding: 2px; border: 1px solid; border-color: white black black white }
body div#main table tr td.titulo { height:20px; padding: 3px 3px 3px 3px; font-weight:bold; background-color:#DFDFDF; }
body div#main table tr.titulo td.w40 { width:40px; }
body div#main table tr.titulo td.w80 { width:80px; }
body div#main table tr.titulo td.w100 { width:99px; }
body div#main table tr.titulo td.w120 { width:120px; }
body div#main table tr.titulo td.w200 { width:200px; }
table tr.cor2 { background-color:#F3F3F3; }
table tr td.cor { background-color:#F3F3F3; }
table tr.cor1 { background-color:#FFFFFF; }
body div#main table tr td { padding-left: 5px; }
body div#main table tr td { margin-left:5px; }
body div#main table tr td.d { text-align:right; }
body div#main table tr td.c { text-align:center; }
body div#main table tr.titulo, table thead tr { background-image: url(../img/bg_header.png); background-repeat: repeat-x; background-position: center center}
p.menu { text-align: left; }
body div#main p.botoes { text-align: center; }
body div#main p.botoes a { color:black; background-color:#EEEEEE; text-decoration:none; margin: 1px; height:12px; border:1px solid black; border-color: #FFF #000 #000 #FFF; padding: 3px; }
body div#main p.botoes a.atual { font-weight:bold; color:#000000; background-color:#DFDFDF; }
body div#main p.botoes a:hover { border-width: 2px; margin: 0px; }
.ttred { padding: 2px; margin-left: 25px; border: 1px ridge #999; background-color: #fee; font: 8pt verdana; }
p.menu a { color:black; background-color:#EEEEEE; text-decoration:none; height:12px; border:1px solid black; padding:3px 3px 3px 3px; }
.ttred { padding: 2px; margin-left: 25px; border: 1px ridge #999; background-color: #fee; font: 8pt verdana; }
body div#main a.desc:hover { text-decoration: none; cursor: default; }
body div#main a.desc span { display: none; }
body div#main a.desc:hover span { width:180px; text-align:left; background-color:#ffffff; border:1px solid #333333; font-weight:normal; left:500px; display: block; position:absolute; overflow: visible; color:#000000; font-size:11px; padding: 2px 2px 2px 2px; }
/*usado no call center portal pop --> historicos*/
body div#main a.call:hover { text-decoration: none; cursor: default; }
body div#main a.call span { display: none; }
body div#main a.call:hover span { width:230px; text-align:left; background-color:#ffffff; border:1px solid #333333; font-weight:normal; left:220px; display: block; position:absolute; overflow: visible; color:#000000; font-size:11px; padding: 3px 3px 3px 3px; }
body div#main a.agendamento:hover { text-decoration: none; cursor: default; }
body div#main a.agendamento span { display: none; }
body div#main a.agendamento:hover span { width:200px; text-align:left; background-color:#ffffff; border:1px solid #333333; font-weight:normal; left:520px; display: block; position:absolute; overflow: visible; color:#000000; font-size:11px; padding: 3px 3px 3px 3px; }
body div#main a.relatorio:hover { text-decoration: none; cursor: default; }
body div#main a.relatorio span { display: none; }
body div#main a.relatorio:hover span { width:250px; text-align:left; background-color:#ffffff; border:1px solid #333333; font-weight:normal; left:230px; display: block; position:absolute; overflow: visible; color:#000000; font-size:11px; padding: 3px 3px 3px 3px; }
/**/

/***
* forms
***/
body div#main form table { width:100%; line-height: 1.2em; }
body div#main form input.w40 { width:40px; }
body div#main form input.w80 { width:80px; }
body div#main form input.w100 { width:100px; }
body div#main form input.w120 { width:120px; }
body div#main form input.w150 { width:150px; }
body div#main form input.w200 { width:200px; }
body div#main form input.w300 { width:300px; }
body div#main form input.w400 { width:400px; }
body div#main form input.w450 { width:450px; }
body div#main form select.w150 { width:150px; }
body div#main form select.w200 { width:200px; }
body div#main form select.w250 { width:250px; }
body div#main form textarea.w250 { width:250px; }
body div#main form textarea.w550, body div#main form input.w550, body div#main form select.w550 { width:550px; }
body div#main form textarea.w750 { width:750px; }
body div#main form textarea.h100 { height:100px; }
body div#main form textarea.h250 { height:250px; }
label { width:100px; float:left; }
body div#main label.wtotal { width:100%; float:left; }
body div#main span.input { border:1px solid red; margin:3px; }
body div#main a:hover  { text-decoration: none; }
body div#main a input { display:inline ; }
body div#main a:hover input { color:gray }
body div#main input.readonly { border:1px solid white; }
div.warning { font-weight: bold; color: red; margin-bottom: 2em; margin-left: 5px;}

form {
  line-height: 2em;
}
form input[type="radio"] {
  position: relative;
  top: 4px;
}

/* Formata onde se encontram os botoes de submit, cancela, etc */
#wAjax .botoes_acao {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 96%;
  padding: 10px 2%;
  border-top: 1px solid #666;
  background-color: #F2F2F2;
  text-align: right;
}

/**
 * FORMATAÇÃO DE CAMPOS E TÍTULOS NO FORM
 */
body div#main form a { text-decoration: none }
form input, form select, form textarea, form label, form button {
  margin: 2px 1px 1px 2px;
  line-height: normal;
}
form label {
  display: block;
  clear: left;
  margin: 0.35em 3px 0.1em 2px;
  white-space: nowrap;
  width: auto;
  min-width: 100px;
  width: expression(this.scrollWidth < 100 ? "100px" : this.scrollWidth > 100 ? "auto" : '100');
}
form > label { width: auto }
form h1, form h2, form h3, form h4, form h5, form h6, form h7 { line-height: normal }
h2 { 
  margin-top: 15px; 
  padding-left: 5px !important;
  background-image: url(../img/bg_header.png);
  background-position: left top;
  background-repeat: repeat-x;
  border: 1px solid #999;
}

/***
* footer
***/
body div#footer { width:755px; margin: 0 auto; }
body div#footer h2 { text-align:right; font-size:11px;border: none; }
body div#footer a {
  display: block;
  float: right;
  background: #FFF url(../img/mini_logo_iesde.gif) no-repeat center center;
  width: 82px;
  height: 17px;
  margin-bottom: 10px;
  font-size: 0; /* ESCONDEMOS O TEXTO DO <A> */
  text-decoration: none;
}

/***
* menu
***/
body        div#menu { background: white url(../img/menu.gif) repeat-x bottom left; height:20px; padding-top: 2px; width:775px; margin: 0 auto}
body >      div#menu { padding-top: 0; line-height: 20px;}
body        div#menu a { color:#000000; text-decoration:none; font-weight: normal; }
body        div#menu a.action { color:#CC0000; text-decoration:none; }
body        div#menu a:hover { color:gray; text-decoration:none; }
body        div#menu ul { margin: 0; padding:0; position: absolute; line-height: 19px; }
html > body div#menu ul { margin-top: 3px; line-height: normal; }
body        div#menu ul li { display:inline; }
body        div#menu ul li a { height: 24px; padding: 5px; }
body        div#menu ul li ul { visibility:hidden; margin-top: 22px; }
html > body div#menu ul li ul { margin-top: 4px; *margin-top: 22px;}
body        div#menu ul li ul li { border-bottom:1px solid #999999; position:relative; display: block; list-style-type:none; width:140px; height:24px; }
html > body div#menu ul li ul li { padding-top:5px; height:19px; } 
html > body div#menu ul li ul li a { width:100px; height:24px; padding: 5px; }
body        div#menu ul li ul li ul { border-top:1px solid #999999; left:140px; top:-23px; position:absolute; }
html > body div#menu ul li ul li ul { top: -5px; height:19px; top: expression("-23px")}
body        div#menu ul li ul li.seta { background-image: url('../img/bg-menu-seta.jpg'); background-repeat: no-repeat; background-position: center right; }
body        div#menu ul li ul li ul li { border-bottom:1px solid #999999; list-style-type:none; width:160px; }
/*body        div#menu ul li ul#m2 { left:50px; }
body        div#menu ul li ul#m3 { left:140px; }*/
body        div#menu ul li ul li, body div#menu ul ul { background: url(../img/bg-menu.png) repeat-x center center }


/*historico... usado no portal pop*/
#historico
{
  width            : 220px;
  height           : 150px;
  float            : left;
  clear            : left; 
}
#agendamento
{
  width            : 200px;
  height           : 150px;
  float            : left;
  clear            : left; 
}
#conteudo
{
  width           : 500px;
  height          : 300px;
  float           : right;
  clear           : right;
  padding         : 0;
  margin          : 0;
}
/*#negociados
{
  width           : 200px;
  height          : 150px;
  float           : left;
  clear           : left;
  padding         : 0;
  margin          : 0;
}*/
/***
* validator
***/
.tfvHighlight { color: #FF0000; }
.tfvNormal { color: black; }

/**
 * AJAX
 */
#ajaxLoad {
  background: url(../img/indicator.gif) no-repeat left center;
  padding: 2px 0 2px 20px;
  font-weight: bold;
  display: none;
}

#desativaFundo {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  z-index: 1;
  opacity: 0.5;
  filter: alpha(opacity=50);
  _position: absolute;
}

#wAjax {
  width: 400px;
  height: 180px;
  padding: 0px;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -200px; 
  background-color: white;
  color: black;
  border: 1px solid black;
  z-index: 10000;
  _position: absolute;
}
html div #wAjax h1 {
  margin: 0;
  padding: 2px;
  background: #666 url(/fw/img/fundo_titulo_ajax_window.png) repeat-x left center;
  color: #FFF;
  font-size: 8.5pt;
  cursor: move;
  height: auto;
  overflow: auto;
  _height: 16px;
}
#wAjax h1 a {
  display: block;
  font-family: verdana;
  font-size: 7.5pt;
  text-align: center;
  width: 1.2em;
  color: #FFF;
  background-color: #F00;
  margin: 0;
  padding: 1px;
  text-decoration: none;
}
.moving #wAjaxConteudo {
  display: none;
}
.moving {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#wAjaxConteudo {
  padding: 0;
  margin: 2px;
  height: 95%;
  overflow-y: auto;
}
#wAjaxConteudo p {
  margin-top: 0px;
  padding: 2px;
}
#JSMX_loading {
  position:    absolute;
  top:         115px;
  right:        20%;
  width:       120px;
  font-weight: bold;
  color:       red;
  padding:     2px;
}
/*
** Classe utilizada para indicar carregamento de conteúdo dinâmico.
*/
.ajaxLoading {
  background-image: url(../img/processing.gif) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
/*
 * Desabilita todos os selects da página (quando aplicado ao body)
 */
.hideSelects select { visibility: hidden }

body div#box{
  background-color:#F7F4F2;
  text-align:justify; 
  font-size:10px; 
  font-weight: bold; 
  color:#666666;
  margin: 5px 2px; 
  padding: 5px;
}

/*********************************************
 * Utilizado por telas de cadastro de e-mail
 */
body div#main div.infoTurma label { margin-left: 16px; width: 43px }
a.button { margin-top: 10px; margin-bottom: 10px; border: 1px solid #666; font-weight: bold; text-transform: uppercase }
.f { padding: 0 1px !important; width: 25% }
.f input { width: 100%; height: 100%; line-height: 1.5em; border: 0; margin: 0; padding: 0 }
.cor2 td.f input { background-color: #F2F2F2 }
tr.error td, tr.error input { background-color: #F97575 !important }
tr.ok td, tr.ok input { background-color: #CCCCFF }
#mailform { line-height: normal; }
table.grid { border-collapse: collapse;margin:0 auto;border: 1px solid #666 }
table.grid tr td { border: 1px solid #999 }
div.notice { 
  padding: 10px; 
  margin: 10px 0; 
  border: 1px solid #999; 
  text-align: center; 
  font-weight: bold;
  line-height: normal; 
  color: #333; 
  background-color: #FFFFEE;
}
.justify { text-align: justify !important }
/*********************************************
 * Sistema de login
 */
 div.loginsysBox {
    width: 350px;
    border: 2px solid #999;
    margin: 20px auto;
    padding: 5px 5px 1px;
    background-color: white;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
  }
  div#loginFooter {
    clear: both;
    border-top: 1px solid #CCC;
    margin-top: 10px;
  }
  div#loginFooter a {
    display: block;
    float: left;
    clear: none;
    width: 49%;
    line-height: 1.5em;
    text-align: center;
    text-decoration: none;
  }
  div#loginFooter a:hover {
    background: #F2F2F2;
  }
  body div#main div.loginsysBox h1 { color: white; background-color: #666; margin: -5px -5px 10px; padding: 5px; }
  div.loginsysBox form input.email { width: 20em }
  #loginsys form { margin: 0; padding: 0 }
  #loginfooter a.left { float: left; clear: left }
  #loginFooter a.right { float: right; clear: right }
/*********************************************
 * Micro sistema de busca por chaves
 */
  .lnkBtn {
    position: relative;
    bottom: 2px;
    font-size: 0.8em;
    font-weight: bold;
  }
  #filtro {
    margin-bottom: 0;
  }