@import url("tip.css");

/* default */

body    { margin:0; padding:0; font: 11px tahoma, arial, sans-serif; color:#555; background:#4D5259 url(../../imagens/layout/bg.png) repeat-x; }
a       { font-size:11px; color:#008; }
a:hover { color:#666; }
p       { margin:0; padding:0; font:12px "trebuchet ms", arial, sans-serif; color:#666; }
img     { border:0; }
form    { margin:0; padding:0; }
.dotted { background: url(../../imagens/layout/dotted_c.gif) repeat-x; height: 3px; min-width: 3px; margin: 8px 0; overflow:hidden; }
.imgleft { margin: 0 15px 0 0; }
.oculto { display:none; }


/* camadas
--------------------------------------------- */

#top		{ text-align:left; width:700px; height:54px; margin:15px 0; }
#top img	{ float:left; }
#top div 	{ float:left; position:relative; top:22px; left:30px; color:#C6C7CA; }
#top span	{ color:#FFF; text-transform:uppercase; }
#top a 		{ float:right; position:relative; top:22px; color:#FFF; }

#main		{ text-align:left; width:767px; border:5px solid #454A50; background:#FFF url(../../imagens/layout/main_bg.png) repeat-x top; }
#menu		{ padding:21px 11px; width:170px; vertical-align:top; }
#stage		{ padding:21px 22px 21px 11px; vertical-align:top; }

#menu ul		{ margin:0; padding:0; list-style:none; }
#menu ul li	    { width:170px; height:36px; margin-bottom:-2px; }
#menu ul li a   { width:157px; height:25px; padding:11px 0 0 13px; display:block; background:url(../../imagens/layout/menu_bg.png) no-repeat; background-position:0 158px;
				  border-bottom:1px solid #CCC; text-decoration:none; font-weight:bold; color:#4D5259; }
#menu a:hover,
#menu .MenuOn	{ color:#036; background-position:0 -36px; border-bottom:1px solid #FFF; }
#menu sup       { font-weight:normal; color:#C00; }

#bottom		{ width:740px; }
#bottom td	{ color:#999; }
#bottom a	{ color:#999; }


/* login
--------------------------------------------- */

#top_login		{ text-align:left; width:290px; height:54px; margin:15px 0; }
#top_login img	{ float:left; }
#top_login div 	{ float:left; position:relative; top:22px; left:30px; color:#C6C7CA; }
#top_login span	{ color:#FFF; }
#top_login a 	{ float:right; position:relative; top:22px; color:#FFF; }

#main_login		{ text-align:left; width:330px; border:5px solid #454A50; background:#FFF url(../../imagens/layout/main_bg.png) repeat-x top; }
#stage_login	{ padding:21px 21px; vertical-align:top; }

#bottom_login		{ width:320px; }
#bottom_login td	{ color:#999; }
#bottom_login a		{ color:#999; }

#stage_login .h1	{ display:block; margin:0; padding:0; font:bold 11px tahoma,sans-serif,arial; color:#036; text-align:center; text-transform:uppercase; }

.botao, .btn_login  { width:208px; height:34px; font:11px Tahoma,Sans,Verdana,Arial; color:#333; text-align:center; padding:8px; background:#D4D0C8; border:1px solid #999; }
.campos, .camposOn  { margin-top:3px; width:200px; border:1px solid #CCC; background:#F8F8F8; font:11px Tahoma,Sans,Verdana,Arial; color:#666; padding:4px 4px 5px; float:left;}
         .camposOn  { border:1px solid #617F10; background:#E5EECC; }

.btn_login          { width:210px; }

.labels             { font:bold 11px Tahoma,Sans,Verdana,Arial; color:#666; text-align:left; }
.alerta_red         { border:1px solid #F2B5B5; background:#FFECEC; padding:9px 12px; }
.alerta_red p       { text-align:center; font:11px tahoma; color:#900; }
.alerta_red .blue   { margin-top:6px; color:#036; }
.alerta_red .blue a { color:#036; text-decoration:none; }
.alerta_red .blue a:hover { text-decoration:underline; }


/* texto
--------------------------------------------- */

h1, h2, h3, h4  { margin:0; padding:0; }
h1				{ margin:-4px 0 17px; font:bold 16px tahoma,sans-serif,arial; color:#036; }
h1 span		    { display:block; font:11px tahoma,sans-serif,arial; color:#666; }
h2				{ margin:15px 0 0; padding-bottom:5px; font:bold 13px tahoma,sans-serif,arial; color:#036; border-bottom:1px solid #CCC; }
h3              { font:bold 14px tahoma,sans-serif,arial; color:#666; text-align:left; margin:0 0 4px; }

.txtleft	{ text-align:left; }
.txtright	{ text-align:right; }

.alerta     { margin-bottom:15px; line-height: 15px !important; text-align: left; font: 11px tahoma, verdana, arial, sans; color: #630; padding: 7px 10px 7px 10px; border: 1px solid #DBD9B0; background: #FFC; }
.alerta a   { font:  11px tahoma, verdana, arial, sans; color: #630; text-decoration: none; }
.instrucao  { line-height: 15px !important; width: 677px; text-align: left; font: 11px tahoma, verdana, arial, sans; color: #555; padding: 7px 10px 7px 10px; border: 1px solid #E1E1E1; background: #F1F1F1; }
.instrucao a { font:  11px tahoma, verdana, arial, sans; color: #555; text-decoration: none; }
.desc       { color: #999; margin:3px 0; text-align: left; }

.link_grid      { margin:0; padding:0; margin-top: 14px; list-style:  none; }
.link_grid li   { margin-right: 40px; padding-left: 11px; float: left; background: url(../../imagens/layout/marcador.gif) left center no-repeat; }
.link_grid li a { cursor: pointer; color: #008 !important; }

.cor_verm { color: #C00 !important; }
.cor_verd { color: #090 !important; }
.cor_azul { color: #009 !important; }

.sz_12    { font-size: 12px; }

.titulo   { font: 17px Tahoma, Arial, Verdana, Sans; color: #333; margin: 20px 0; }
.titulo p { font: 11px Tahoma, Arial, Verdana, Sans; color: #666; margin:0; padding:0; display:block; }


/* forms
--------------------------------------------- */

.botao          { width:180px; height:34px; font:11px Tahoma,Sans,Verdana,Arial; color:#333; text-align:center; padding:8px; background:#D4D0C8; border:1px solid #999; }
.botao_simples  { width:100px; height:24px; font:11px Tahoma,Sans,Verdana,Arial; color:#333; text-align: center; padding:1px 8px 2px; margin-top:3px; background: #D4D0C8; border: 1px solid #999; }
.campos     { border: 1px solid #CCC; background: #F8F8F8; font:11px Tahoma,Sans,Verdana,Arial; color: #666; padding: 4px 4px 5px 4px; float: left; }
.campoBusca { border: 1px solid #CCC; background: #F8F8F8; font: 15px Tahoma,Sans,Verdana,Arial; color: #666; padding: 7px 4px 0px 12px; float: left; text-transform: uppercase; }
.labels     { font: bold 11px Tahoma,Sans,Verdana,Arial; color: #666; text-align: right; }



/* caixas de form  - (copiar modal) */
.frm_topico { background: #EAEAEA; border: 1px solid #D7D7D7 !important; padding: 12px 22px; }
.nofloat    { float:none; }
.frm_content { background: #F5F5F5; border-top: 4px solid #EFEFEF; border-bottom: 1px solid #E1E1E1; padding: 6px 8px; }

/* auto complete */
.box-list   { width:295px !important; list-style:none; margin:0; padding:1px; border:1px solid #999; text-align:left; background:#FFF; }
.list       { font:11px Verdana,Sans-serif,Arial; color:#444; padding:5px; }
.listOver   { font:11px Verdana,Sans-serif,Arial; color:#FFF; background:#036; padding:5px; cursor:pointer; }

.gridEspec input { width:50px; text-align:right; margin-right:4px; margin-bottom:4px; }
.descForm   { color:#999; margin:7px 0 4px 7px; text-align:left; display:block; float:left; }


/* grids
--------------------------------------------- */

.grid .grid             { margin:10px 0; }
.grid .grid .head       { background:#666; color:#FFF; border:#333; }
.grid .grid table td    { border:0 !important; padding:2px !important; }
.grid .grid .gridBottom         { border:0 !important; }
.grid .grid .gridBottom span    { font-weight:bold; }


.grid {
    border-collapse: separate !important;
    border: 0 !important;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #E5E5E5 !important;
    border-left: 1px solid #E5E5E5 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #CCC !important;
    _margin-bottom: 3px;}
.grid td a  { cursor: pointer; text-decoration: underline; color:#333; }
.grid .link { cursor: pointer; text-decoration: underline; color:#008 !important; }
.grid th.head, .grid .head td   { padding:0 8px; background:#EEE; border-bottom:1px solid #CCC; border-top:1px solid #EEE; border-right:1px solid #E5E5E5;
                                  color:#333; font-weight:normal; }
.grid th.headx, .grid .headx td { padding:0 8px; background:#E0E0E0; border-bottom:1px solid #CCC; border-top:1px solid #E0E0E0; border-right:1px solid #DDD;
                                  color:#333; font-weight:normal; }
.grid tr                { height: 30px; }
.grid tr.linha td,
 .grid td.linha,
 .linhaCancelada td     { font-weight:normal; padding:0 8px; height:30px; border-right:1px solid #E5E5E5 !important; border-top:1px solid #E5E5E5; }
.grid tr.linhax td,
 .grid td.linhax        { font-weight:normal; padding:0 8px; height:30px; border-right:1px solid #E5E5E5 !important; border-top:1px solid #E5E5E5; background:#EEE; }
.grid tr.linha2 td      { font-weight:normal; padding:0 8px; height:30px; border-right:1px solid #E5E5E5 !important; border-top:1px solid #E5E5E5; background:#F6F6F6; border-top:1px solid #E5E5E5; }
.grid .pgtoReprovado    { border-top:1px solid #900 !important; background:#EBCCCC !important; }
.grid .iniciouSaida     { border-top:1px solid #039 !important; background:#CCD6EB !important; }
.grid .pgtoAprovado     { border-top:1px solid #060 !important; background:#CCE0CC !important; }
.grid h1,
 .iniciouSaida h1,
 .pgtoAprovado h1       { color:#000; margin:0;  }

.grid .linhaCancelada td        { background:#EEE; color:#AAA; }
.grid .linhaCancelada td input  { background:#EEE !important; border:0; color:#AAA; }
.grid .linhaCancelada td img    { display:none; }

.grid .campos,
 .grid .camposOn    { margin:0 !important; }

.pad            { border-bottom:0 !important; }
.pad td.linha   { padding-top:5px !important; padding-bottom:5px !important; border-bottom:1px solid #CCC !important; border-top:0 !important; }

    .gridBottom td          { height: 24px; background:#F5F5F5 url(../../imagens/login/bg_form2.gif) repeat-x top;
                              border-top:1px solid #CCC; border-right:1px solid #E5E5E5; border-bottom: 1px solid #FFF; }
    .gridBottom table       { text-align: center; font:bold 11px Verdana, sans, sans-serif, tahoma; color: #999; line-height: 20px; }
    .gridBottom table td    { border:0; }
    .gridBottom table span  { margin:0 4px; color:#999; font-size:14px; }
    .gridBottom a           { width:14px; margin:0 4px; font:bold 11px Verdana,sans,sans-serif,tahoma !important; text-align:left !important; line-height:24px; }
    .gridBottom a:hover     { font-weight:bold !important; text-decoration:none !important; color:#666 !important; }

.grid .none tr td   { border-right:0 !important; padding:0; margin:0; height:35px; border-top:1px solid #EEE; cursor:pointer; }
.grid .oculto       { display:none; }
.grid .oculto tr td { border-right:0 !important; padding:0; margin:0; height:35px; border-top:1px solid #EEE; }
 
/* modal
--------------------------------------------- */

.black  { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; }
#black1 { z-index: 10; }
#black2 { z-index: 20; }

.stg_on {
	z-index: 11;
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 350px;
	margin-left: -300px;
	_margin-left: -306px;		/* m.left + 6 */
	margin-top: -175px;
	border: 1px solid #000;
	_border: 5px solid #999;
	overflow: hidden;}
.stg_off { display: none; }

.area { width: 600px; height: 500px; overflow: hidden; background: #EEE; border: 1px solid #FFF; /* hack */ _border: 1px solid #333; }
.frameLoad { position: relative; top: 150px; width: 600px; height: 50px; text-align: center; }
#frame { width: 600px; height: 350px; /* hack */ _height: 360px; border:0; }
.loading { position: relative; width: 560px; height: 200px; text-align: center; background: url(../../imagens/layout/load.gif) no-repeat center center; }

/* modal - (retorno) */
#retorno {
    z-index: 21;
	position: fixed;
	_position: absolute;
	padding: 16px 20px 8px;
	top: 50%;
	left: 50%;
	width: 320px;
	height: 128px;
	margin-left: -180px; _margin-left: -186px; /* m.left + 6 */
	margin-top: -76px;
	border: 1px solid #000;
	background: #FFF url(../../imagens/layout/bg_retorno.png) repeat-x;
	font: 11px Tahoma, Arial, Sans; color: #666;
	text-align: left;
	overflow: hidden; }

#retorno_msg { height: 103px; }
#retorno_msg h3 { margin: 0 0 4px; font: 17px Tahoma, Arial, Verdana, Sans; }
#retorno_msg h3.sucesso { color: #393; }
#retorno_msg h3.erro { color: #C00; }

#retorno_btn { height: 45px; text-align:center; }
#retorno_btn img { cursor:pointer; }


/* pagina controle_menu
--------------------------------------------------- */

.div_edita select   { width:290px; margin-bottom:10px; padding:3px 3px 3px 6px; border:1px solid #999; font:11px tahoma; }
.div_edita          { margin:8px 10px; }
.div_edita input    { border:1px solid #999; padding:4px 15px; font:11px tahoma; }
.div_edita .alerta  { margin-top:10px; display:none; }


/* Pagina de dicionario
--------------------------------------------------- */

.txt_dicionario     { font-size:15px; width:440px; margin:10px 20px; float:none; }
#dic_top a          { margin:0 5px 0 20px; }
#dvInclui           { padding:15px 25px 20px; }
#dvLista            { padding:15px 25px 20px; }

.ajax__calendar_container   { padding: 4px; position: absolute; cursor: default; width: 170px; font-size: 11px; text-align: center; font-family: tahoma,verdana,helvetica; z-index: 100003; }
.ajax__calendar             { position: relative; visibility: visible; display: block; z-index:100003; }


/* Pagina de historico de pesquisas
--------------------------------------------------- */

#dvRodape p     { border-bottom:1px dotted #CCC; padding-bottom:4px; margin-bottom:4px; }
#dvRodape p b   { color:#333; font-weight:normal; }