/* ----------------------------------------------------------------------- CuoreCMS © Copyright 2007, Fábio Pili - http://www.pili.com.br ----------------------------------------------------------------------- ----------------------------------------------------------------------- ESTRUTURA GERAL ----------------------------------------------------------------------- */ html { height: 100%; margin-bottom: 1px; } body { font: 12px/1.4 "Lucida Grande", Verdana, sans-serif; background-color: #f7f7f7; color: #333333; } #embrulho { } #conteudo { background-color: #fff; min-height: 350px; padding-bottom: 20px; } #cabeca { background-repeat: repeat-x; height: 120px; border-bottom: 1px solid #dbdbdb; } .dentro { position: relative; width: 770px; margin: 0 auto; } .interna { width: 750px; padding-left: 20px; } .sub { width: 610px; padding-left: 20px; padding-right: 140px; } #rodape { color: #777; font-size: 10px; background-color: #f7f7f7; background-image: url(images/fundo_rodape.jpg); background-repeat: repeat-x; height: 80px; padding-top: 35px; } #logo { right: 20px; float: right; position: relative; top: 20px; } #cabeca h1 { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; position: absolute; top: 69px; left: 20px; } img.h1 { position: absolute; top: 79px; left: 17px; } .separador { margin-bottom: -5px; padding-top: 10px; padding-bottom: 0; } .separador h2 { font-size: 16px; margin-bottom: 0; } #preload { display: none } /* ----------------------------------------------------------------------- ESTILOS ----------------------------------------------------------------------- */ h1, h2, h3, h4 { font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; color: #333333; } img { border: 0 } img.img_ico { margin-right: 5px; margin-bottom: -3px; } .pointer { cursor: pointer } #conteudo div img.exito { margin-right: 0; margin-bottom: -4px; border: solid 3px #fff; } #conteudo div img.exito_over { margin-right: 0; margin-bottom: -4px; border: solid 3px #ff0; cursor: pointer; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 12px; } #conteudo h2 { margin-top: 10px; margin-bottom: 15px; } a:link { color: #3e7aff; text-decoration: none ; padding-bottom: 0; cursor: pointer; } a:hover { color: #0098ff; text-decoration: none ; padding-bottom: 0; cursor: pointer; } a:active { color: #3e7aff; text-decoration: none ; padding-bottom: 0; cursor: pointer; } a:visited { color: #3e7aff; text-decoration: none ; padding-bottom: 0; cursor: pointer; } .sub_linha { margin-top: 10px; padding-top: 5px; padding-right: 140px; border-top: 1px solid #e8e8e8; } .in_linha { font-size: 11px; margin-top: 0; margin-bottom: -10px; border-bottom: 1px solid #e8e8e8; } .sub_titulo { font-size: 12px; clear: both; margin-top: 10px; margin-bottom: -5px; } .cancelada { color: #b6b6b6; text-decoration: none; } form { padding-top: 0px; margin: 0 } /* ----------------------------------------------------------------------- DADOS DO USUÁRIO ----------------------------------------------------------------------- */ #dados_usuario { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; margin-right: 20px; padding-top: 7px; } #dados_usuario a { color: #c1c1c1; text-decoration: none; margin-left: 7px; } #dados_usuario a:hover { color: #ffcd00; } #dados_usuario img { margin-right: 2px; margin-bottom: -4px; } /* ----------------------------------------------------------------------- MENU ----------------------------------------------------------------------- */ #menu_topo { background-position: 0 -2px; background-color: #252925; background-image: url(images/fundo_menu_1.gif); background-repeat: repeat-x; position: relative; height: 43px; z-index: 999; } /* Estilos para o menu dropdown */ ul { /* all lists */ padding: 8px 0 0; margin: 0; list-style: none; } li.menu { /* all list items */ color: #fff; float: left; position: relative; font-size: 13px; text-shadow: #A4A4A4 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; height: 25px; z-index: 999; padding: 5px 15px 3px 17px; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; cursor: pointer; } li.menu:hover { color: #ffcf00; background-repeat: repeat-x; } li.menu ul { /* second-level lists */ background-color: #252925; display: none; position: absolute; top: 1em; left: 0; } #nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ background-color: transparent; top: auto; left: auto; } #nav li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; } #nav img { margin-right: 5px; margin-bottom: -2px } #nav a { color: #fff; text-decoration: none; border-style: none; border-width: 0; } #nav li li a { font-size: 11px; background-color: #252925; width: 160px; padding: 3px 15px 3px 22px; border-bottom: 1px solid #474747; display: block; } #nav li li a:hover { color: #ffcf00; background-color: #000; border-bottom-color: #000; } /* ----------------------------------------------------------------------- LISTAGENS ----------------------------------------------------------------------- */ .linha { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f7f9fb; position: relative; clear: both; padding-top: 7px; padding-bottom: 8px; border-bottom: 1px solid #fff8d3; } .alt { background-color: #ebf1f4; } .atualizado { background-color: #fffde6; } .atualizado_alt { background-color: #fbf5d9; } .dependente1 { background-color: white; } div.dependente1 > div > div:first-child { margin-top: -7px; padding-top: 9px; background-position: 0 0px; background-repeat: no-repeat; padding-left: 20px; background-image: url(images/tabFilha1.gif) } .dependente2 { background-color: white; } div.dependente2 > div > div:first-child { margin-top: -7px; padding-top: 9px; background-position: 20px 0px; background-repeat: no-repeat; padding-left: 40px; background-image: url(images/tabFilha1.gif) } .dependente1 { background-color: white; } div.dependente1 > div > div:first-child { margin-top: -7px; padding-top: 9px; background-position: 0 0px; background-repeat: no-repeat; padding-left: 20px; background-image: url(images/tabFilha1.gif) } div.link > div > div:first-child { background-image: url(images/tabLink.gif) } .titulos { border-bottom-color: #edeeed; border-bottom-style: solid; border-bottom-width: 1px; font-weight: bold; background-color: #fff; position: relative; clear: both; padding-top: 10px; padding-bottom: 22px; } .titulos div { border-right-color: #fff; } .filtros { border-bottom-color: #e8e8e8; border-bottom-style: solid; border-bottom-width: 1px; font-size: 10px; background-color: #f4f5f6; height: 20px; margin-top: 0px; margin-bottom: 10px; padding-top: 8px; padding-bottom: 10px; } .leve { background-color: #ededed; margin-top: -11px; border-top: 1px solid #e8e8e8; } #mensagem_filtro img.img_ico { margin-top: 2px; margin-bottom: -5px; } .linhaTexto { padding-right: 140px; margin-bottom: 15px } div.cadastro { cursor: pointer; font-size: 10px; background-color: #f4f5f6; margin-top: -10px; margin-bottom: 20px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #ffcf00; } div.cadastro:hover { background-color: #e7ecf3; } .soma { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; position: relative; clear: both; margin-top: -1px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 11px; border-top: 1px solid #242424; } .ico { position: absolute; top: 0; left: -10px; height: 100%; min-height: 17px; margin-top: -12px; padding: 14px 2px 2px 3px; } .img16 { position: absolute; top: 0; left: -10px; height: 100%; min-height: 17px; margin-top: -15px; padding: 14px 2px 2px 3px; } div.expande { width: 16px; background-position: 8px 15px; background-repeat: no-repeat; background-image: url(images/ico_alca.png); max-height: 17px; background-color: #fff; position: absolute; top: 0; left: -10px; height: 100%; min-height: 17px; margin-top: -7px; padding: 7px 2px 5px 3px; border-right: 1px solid #ededed; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #ededed; cursor: pointer; } div.abreSecao { width: 16px; background-color: #fff; position: absolute; top: 0; left: -10px; height: 100%; min-height: 17px; margin-top: -7px; padding: 7px 2px 5px 3px; border-right: 1px solid #ededed; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #ededed; cursor: pointer; } div.comandos { font-weight: normal; font-style: normal; background-color: transparent; text-decoration: none; position: absolute; top: 0; right: 20px; height: 100%; min-height: 17px; margin-top: -10px; margin-bottom: 5px; padding-top: 11px; padding-bottom: 7px; padding-left: 5px; cursor: pointer; } div.comandos img { margin-left: 4px } .extra { padding-bottom: 10px; width: 640px; clear: both; margin-top: 10px; padding-top: 10px; border-top: 1px solid #e8e8e8;} .contexto { padding-bottom: 1px; padding-top: 1px; background-position: 0 -1px; color: #fff; font-size: 12px; background-color: #393939; background-image: url(images/fundo_menu_1.gif); background-repeat: repeat-x; margin-bottom: 0px; margin-left: -20px; } .contexto div.comando { float: left ; padding: 8px 10px; border-right: 1px solid #242424; cursor: pointer; } div.comando:hover { color: #ffcf00; } div.comando:hover a { color: #ffcf00; } div.comando a { color: #fff; } .contexto div.comando img { margin-right: 4px; margin-bottom: -3px; } div.legendaOn { left: -100px; width: 95px; position: absolute; text-align: right; margin-right: 5px; color: #a8a8a8; font-size: 10px; text-decoration: none; height: 14px; float: left; padding-top: 3px; padding-right: 6px; padding-bottom: 4px; border-right: 1px solid #d5d5d5; } div.legendaOff { width: 95px; left: -100px; position: absolute; text-align: right; margin-right: 5px; color: #8c8c8c; font-size: 10px; text-decoration: none; height: 14px; float: left; padding-top: 3px; padding-right: 6px; padding-bottom: 4px; } hr { border-top: 1px solid #cfcfcf; border-right-style: none; border-bottom-style: none; border-left-style: none; } /* ----------------------------------------------------------------------- COLUNAS ----------------------------------------------------------------------- */ .col_a1 { width: 120px; height: 100%; float: left; margin-bottom: 5px; padding-top: 2px; padding-right: 5px; } .col_a2 { width: 110px; height: 100%; float: left; margin-bottom: 5px; padding-top: 2px; padding-right: 5px; padding-left: 5px; } .col_a3 { width: 397px; height: 100%; float: left; margin-bottom: 5px; padding-top: 2px; padding-right: 5px; padding-left: 5px; } .col_b1 { width: 160px; height: 100%; float: left; margin-bottom: 5px; padding-top: 2px; padding-right: 5px; } .col_b2 { width: 400px; height: 100%; float: left; margin-bottom: 5px; padding-top: 2px; padding-right: 5px; } .col_b3 { width: 160px; height: 100%; float: left; margin-bottom: 5px; padding-top: 2px; padding-right: 5px; } .coluna { width: 160px; height: 100%; float: left; margin-bottom: 5px; padding-top: 2px; padding-right: 5px; } /* ----------------------------------------------------------------------- MENSAGENS ----------------------------------------------------------------------- */ .mensagens { font-size: 10px; line-height: 18px; background-color: #fffff5; margin-top: -10px; margin-bottom: 10px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #ffcf00; } .mensagens div.expande { top: 2px; } /* ----------------------------------------------------------------------- FILTROS ----------------------------------------------------------------------- */ .dir { position: absolute; top: 0; right: 20px; } .esq { position: absolute; top: 0; left: 15px; } select.txt { padding-left: 3px; color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; margin-left: 0; padding-top: 1px; padding-bottom: 1px; border: solid 1px #cccccc; } input.txt { color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; border: solid 1px #cccccc; } textarea.txt { color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; margin-top: 10px; margin-bottom: 10px; padding-top: 1px; padding-bottom: 1px; border: solid 1px #cccccc; } input.checkbox { margin-right: 5px; margin-bottom: -1px; border: solid 1px #cccccc; } input.radio { margin-bottom: -3px; } input.loading { text-align: left; background-position: 98%; background-image: url(images/loading.gif); background-repeat: no-repeat; } input.ok { background-position: 98%; background-image: url(images/ico_sim.png); background-repeat: no-repeat; } input.naoOk { background-color: #fffde6; background-position: 98%; background-image: url(images/ico_nao.png); background-repeat: no-repeat; } input.submit { padding-left: 5px; padding-bottom: 2px; padding-right: 5px; padding-top: 0; width: auto; color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; background-color: #4e4e4e; height: 16px; margin-left: 2px; border-style: none; border-width: 0; } input.submit:hover { background-color: #004e93; cursor: pointer; } input.submit:focus { background-color: #004e93; } .filtro_aplicado { color: #fff; background-color: #777 } div.paginacao { color: #919191; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; position: absolute; top: 0; right: 20px; height: 100%; min-height: 17px; margin-top: -10px; padding-top: 11px; padding-bottom: 4px; padding-left: 5px; cursor: pointer; } div.paginacao img { margin-bottom: -4px; margin-left: 4px } div.paginacao_rodape { border-top-color: #e8e8e8; border-top-width: 1px; border-top-style: solid; text-align: center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; position: relative; margin-top: 20px; padding-top: 8px; padding-bottom: 8px; } div.paginacao_rodape img { margin-bottom: -4px; margin-left: 4px } #upload_slots .txt { margin-top: 5px } div#filtroBusca a.botao { margin-left: 3px } div.filtros input.txt { } div.filtros select.txt { } /* ----------------------------------------------------------------------- CLEAR LINHAS ----------------------------------------------------------------------- */ .linha:after, .in_linha:after, .sub_linha:after, .comando:after, .mensagens:after, .contexto:after, .expande:after, .separador:after, .comandos:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } /* ----------------------------------------------------------------------- MENSAGENS ----------------------------------------------------------------------- */ .mensagens { font-size: 10px; line-height: 18px; background-color: #fffff5; margin-top: -10px; margin-bottom: 10px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #ffcf00; } .mensagens div.expande { top: 2px; } /* ----------------------------------------------------------------------- CLEAR LINHAS ----------------------------------------------------------------------- */ .linha:after, .in_linha:after, .sub_linha:after, .comando:after, .mensagens:after, .contexto:after, .expande:after, .separador:after, .comandos:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } /* ----------------------------------------------------------------------- TRATAMENTO DE ERROS ----------------------------------------------------------------------- */ div.mensagem_informacao { padding-right: 12px; margin-top: 0px; margin-right: -15px; margin-left: -17px; background-image: url(images/info.png); background-repeat: no-repeat; background-position: 6px 11px; min-height: 20px; color: white; font-weight: bold; background-color: #0083c3; z-index: 1111; margin-bottom: 15px; padding-top: 16px; padding-bottom: 16px; padding-left: 42px; } div.mensagem_alerta { padding-right: 12px; margin-top: 0px; margin-right: -15px; margin-left: -17px; background-image: url(images/alerta.png); background-repeat: no-repeat; background-position: 6px 11px; min-height: 20px; color: black; font-weight: bold; background-color: #ffdc15; z-index: 1111; margin-bottom: 15px; padding-top: 16px; padding-bottom: 16px; padding-left: 42px; } div.mensagem_erro { padding-right: 12px; margin-top: 0px; margin-right: -15px; margin-left: -17px; background-image: url(images/erro.png); background-repeat: no-repeat; background-position: 6px 11px; min-height: 20px; color: white; font-weight: bold; background-color: #ff415d; z-index: 1111; margin-bottom: 15px; padding-top: 16px; padding-bottom: 16px; padding-left: 42px; } .informacao { border-bottom-width: 0; border-right-width: 0; border-top-width: 0; margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: -10px; background-color: #0083c3; padding: 0; border-style: none; } .alerta { margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: -10px; background-color: #ffdc15; padding: 0; border-style: none; border-width: 0; } .erro { margin-left: 0; margin-bottom: 0px; margin-right: 0; margin-top: -10px; background-color: #ff415d; padding: 0; border-style: none; border-width: 0; } div.mensagem_erro a { border-bottom-color: #ffe375; color: #ffe375; } div.mensagem_informacao a { border-bottom-color: #ffe375; color: #ffe375; } div.mensagem_alerta a { } /* ----------------------------------------------------------------------- EDITAR ANEXOS ----------------------------------------------------------------------- */ ul.editarAnexos { width: 735px; clear: both; margin: 0; padding: 0; border-left: 1px solid #e4e4e4; } ul.editarAnexos li { font-size: 11px; height: 83px; margin: 0 0 1px; padding-top: 7px; padding-left: 15px; border-bottom: 1px solid #e3e3e3; list-style-type: none; } ul.editarAnexos li.titulos { display: table-cell; font-size: 13px; text-shadow: #A4A4A4 1px 1px 1px; font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; line-height:1.5; background-color: transparent; height: 25px; float: left; clear: none; padding-right: 15px; border-right: 1px solid #e4e4e4; } ul.editarAnexos li.a { overflow: hidden; float: left; padding-right: 15px; border-right: 1px solid #e4e4e4; border-bottom-color: #c9c9c9; } .exito { cursor: pointer; } /* ----------------------------------------------------------------------- TOOLTIPS ----------------------------------------------------------------------- */ .tips { cursor: help; margin-bottom: -12px } .tip { font-size: 11px; color: #fff; width: 320px; z-index: 13000; } .tip-title { padding-left: 8px; padding-bottom: 0px; padding-right: 8px; padding-top: 8px; font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; background: url(images/bubble.png) top left; } .tip-text { padding-right: 8px; padding-left: 8px; padding-top: 8px; background: url(images/bubble.png) -20px -20px; color: white; line-height: 13px; font-style: normal; font-weight: normal; font-size: 11px; } .tip-bottom { font-size: 11px; padding: 4px 8px 8px; background: url(images/bubble.png) bottom right; } div.separador > div.ico { margin-top: 11px } /* ----------------------------------------------------------------------- BOTÕES ----------------------------------------------------------------------- */ .clear { /* generic container (i.e. div) for floating botaos */ overflow: hidden; width: 100%; } a.botao { margin-left: 0px; padding-bottom: 1px; font-family: Lucida Sans, Verdana, Arial, sans-serif; margin-top: 1px; float: left; background: transparent url('images/botao_cap.png') no-repeat scroll top right; color: black; display: block; font-size: 11px; height: 20px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.botao span { padding-top: 4px; height: 17px; color: #131313; margin-right: -6px; padding-left: 12px; padding-right: 0; background: transparent url('images/botao_body.png') no-repeat; display: block; line-height: 14px; } a.botao img { margin-top: -1px; margin-left: -3px; margin-right: -3px; } a.botao:hover { border-bottom-color: transparent } a.botao:active { background-position: bottom right; color: black; outline: none; /* hide dotted outline in Firefox */ } a.botao:active span { height: 17px; padding-top: 4px; background-position: bottom left; /* push text down 1px */ } a.botaoGrande { font-family: Lucida Sans, Verdana, Arial, sans-serif; margin-top: 5px; float: left; background: transparent url('images/botaoGrande_cap.png') no-repeat scroll top right; color: black; display: block; font-size: 12px; height: 30px; padding-right: 14px; /* sliding doors padding */ text-decoration: none; } a.botaoGrande span { padding-right: 2px; padding-left: 12px; padding-bottom: 8px; padding-top: 8px; background: transparent url('images/botaoGrande_body.png') no-repeat; display: block; line-height: 14px; } a.botaoGrande img { top: -2px; position: relative; margin-bottom: -5px; margin-right: 6px; } a.botaoGrande:hover { border-bottom-color: transparent } a.botaoGrande:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.botaoGrande:active span { padding-bottom: 8px; padding-top: 8px; background-position: bottom left; /* push text down 1px */ } /* ----------------------------------------------------------------------- BARRA DE PROGRESSO ----------------------------------------------------------------------- */ #blocoBarraProgresso { display: none } div.barraProgresso { margin-bottom: 8px; border-color: #b5b5b5; border-style: solid; border-width: 1px; background-repeat: repeat-x; height: 20px; width: 600px; background-image:url(/admin/images/progress_bar_white.gif); position:relative; } div.rotuloProgressoEscuro { padding-top: 1px; z-index: 198; color: black; font-weight: bold; top: 0px; position: absolute; margin-left: 5px; } div.indicadorProgresso { top: 0px; z-index: 200; background-repeat: repeat-x; height: 20px; background-image:url(/admin/images/progress_bar_blue.gif); position: absolute; width: 0%; overflow: hidden } div.rotuloProgressoClaro { padding-top: 1px; z-index: 210; color: white; font-weight: bold; top: 0px; position: absolute; margin-left: 5px; }