/*  
Folha de estilo Suporte Nextsourcing
criado por: Felipe Caparelli
email: felipe.caparelli@nextsourcing.com.br
data: 13/11/2007
*/
/* layout principal */

body, div, html, table, *{
	padding: 0 0;
	margin: 0 0;

}

body, *, div, table, td, tr, a, font, label, form, li, span {
	font-family: Arial, sans-serif, Sans;
}

body {
	color:#333; font-size:10px;
	height: 100%;
}

#corpo {
	margin-left: 170px; margin-right: 0px;
}

#centro {
	/*width: 84%; */
	margin-left: 190px; margin-right: 0;
	color:#991;
	padding:2px 10px;
	text-align:justify;
}

#topo{
	width:auto;
	background: #FFA url('http://www.nextsourcing.com.br/images/logo_nextsourcing_01.gif') no-repeat 0 0;
	margin: 0 0;
	height: 60px;
	border-top:1px solid #666;
	color:#0f0;
	text-align:center;
}

/* Cabeçalho com o logotipo */
div.topo {
	background: #7F2E73 url('http://www.nextsourcing.com.br/images/logo_suporte.png') no-repeat 0 0;
	line-height:1.1em; color:white; font-size: 10px; font-weight: bold; text-align:left;
	margin: 0 0; height: 70px; padding: 2px 6px 0 6px;
}

div.topo span, div.topo a {
	margin: 2px 6px 0 6px;
}

div.topo a, div.topo a:hover, div.topo a:visited, div.topo a:link, div.topo a:active {
	color: #FFF;
}

/* Menu */
.backmenu {
	background: #FFF url('../../MENU_IMG.png')no-repeat 0 0;
	height: 100%;
}
#menu {
	margin: 0 0;
	position:absolute;
	width:190px;
	top:89px;
	color:#99f;
	padding-bottom:0;
}

a.menu:link {color: #5E515B; text-decoration: none;} 
a.menu:visited {color: #5E515B; text-decoration: none;}
a.menu:hover {color:#5E515B; }
a.menu:active {color:#999999; }

/* fim do layout principal */

table {line-height:1.0em; font-size: 11px;}

#login {position:absolute; left:40%; top:176px; width:15%; height:10%; z-index:2;} 

.relatorio {
	font-size: 13px; background-color:white;
}

.parag {
	margin-left:10%; margin-right: 10%; text-indent: 1.4em; text-align:justify;
}
.parag_header {
	margin-left:10%; margin-right: 10%;
}
p.titulo {
	font-size: 15px; text-align:center; font-weight:bold;}

.centro {
	text-align: center;
}

a:link {color: #5E515B; text-decoration: none; cursor:pointer;} 
a:visited {color: #5E515B; text-decoration: none; cursor:pointer;}
a:hover {color: #5E515B; cursor:pointer; text-decoration: underline; cursor:pointer;} 
a:active {color: #8a4500; cursor:pointer; text-decoration: none; cursor:pointer;}


.href {color: #5E515B; text-decoration: none; cursor:pointer;} 

.negrito:hover{color:#ffe4ca; background-color:#ffe4ca; font-weight:bold; }

.botao:hover {color:#5E515B; }

table.barra {
	width:100%; line-height:1.1em; font-size: 12px; font-weight:bold;
	text-align:center; background-color:#999999;
	color:white; padding:1px;  border-spacing:0;
	border:none 0;
}

td.barra {
	padding:5px;
	background:  #DDD url('../imgs/bg_menu.gif') 0 0;
}

a.barra:link {color: white; text-decoration: none; cursor:pointer; background:  #DDD url('../imgs/bg_menu.gif') 0 0;}  
a.barra:visited {color: white; text-decoration: none; cursor:pointer; background:  #DDD url('../imgs/bg_menu.gif') 0 0;}
a.barra:hover {color:#FEA;  text-decoration: none; cursor:pointer;}
a.barra:active {color:white; text-decoration: none; cursor:pointer; background:  #DDD url('../imgs/bg_menu.gif') 0 0;}

tr.menutop {
	background-color:#C7C8C6; color:#5E515B;
}

table.menutop{
	background-color:#C7C8C6; color:#5E515B;
	padding:1px;  border-spacing:0; 
	border:1px white;
}

 table.menu{
	background-color:#C7C8C6; border:1px; border-collapse:collapse;
}

.frm_menu {background-color:#F6F6F6;}
.frm_centro {background-color:#F6F6F6;}

.help {height:18px; background-color:#F6F6F6; border: #999 solid 1px;  font-size:9px; width:100px;}
.logon {height:18px; background-color:#F6F6F6;  font-size:11px; width:80px;}
.blogin {height:18px; width:60px;  font-size:10px;}

a.cadastro{
	font-weight: bold; color: #7F2E73; font-style: italic;
}

.message-box{
	padding: 6px 4px;
	background: #FFD;
	border: 1px solid #996;
}


/* Campos */
.mini {height:20px; background-color:white; width:30px;}
.mini2 {height:20px; background-color:white; width:90px;}
.data {height:20px; background-color:white; width:90px;}		



tr.header {background-color:#DDDCC5; font-weight:bold;}
tr.padrao {background-color:#ECECDB;}
tr.lin_par {background-color:#EAE6D0; padding:5px;}
tr.lin_impar {background-color:#F8F8F1; padding: 5px;} 

tr.lin_alerta {background-color:#FF0000; color:#FFFFFF;}




table.titulo {line-height:1.2em;  font-size: 15px; font-weight: bold;}

/* As definicões abaixo são para todo o corpo principal das telas  */
table.header {
	width:100%; margin-left:auto; margin-right: auto; text-align:left; 
	border: 1px; border-spacing:1; background-color:black; padding-top:0px
}

table.menu {
	width:100%; margin-left:auto; margin-right: auto; text-align:left; 
	border: 0px; border-spacing:0px; border-collapse:collapse; background-color:white;
}

table.corpo {
	width:100%; margin-left:auto; margin-right: auto; text-align:left; 
	border: 0px; border-spacing:1; padding-top:10px;
} 					
table.corpo2 {
	width:100%; margin-left:auto; margin-right: auto; text-align:left; 
	border: 0px; border-spacing:0px; border-collapse:collapse; padding-top:10px
} 					
table.estat60 {
	width:60%; margin-left:auto; margin-right: auto; text-align:left; 
	border: 0px; border-spacing:1; padding-top:20px;
} 					
table.estat80 {
	width:80%; margin-left:auto; margin-right: auto; text-align:left; 
	border: 0px; border-spacing:1; padding-top:10px;
}					
					
/*BACKGROUND DO MENU*/

td.item-menu {
	border-right: 1px solid white; width:7%;
}

.button {height:24px; width:120px;  background-color:#ECECDB; color:black;}  /*width:30px; #0000CC */

.btPadrao {height:24px; width:120px;  background-color:#ECECDB; color:black;}

.minibutton {height:18px; width:49px; font-size:9px;} 


.select, .text {height:20px; background-color:white; font-size:11px; width:200px;}
.select2, .text2 {height:20px; background-color:#F7F7F7; width:200px;}

.text3 {height:20px;background-color:#F7F7F7; font-size:12px; width:300px; border: 0px}

.textarea {height:100px; background-color:#F7F7F7; width:570px;}

.textarea2 {height:100px; background-color:#F7F7F7; width:400px;}

/* ###########################################################  */

.new-user {
	margin:  0 0;
	padding: 2px 4px;
}

.new-user input {
	border: 1px solid #336;
}

.alert-box {
	background: #FFD;
	border: 1px solid #884;
	margin: 4px;
	padding: 2px 4px;
}

span.red {
	color: red;
	font-weight: bold;
}

.radio {width: 13px;}

.alerta {position: absolute; top: 100px; left: 30%; width: 50%;  z-index:1;}

/* Efeito transparente para PNG no IE */
img { behavior:	url("pngbehavior.htc"); }

/* ########################################################################## */
table.table-down{
	margin: 0 0;
}
.table-down td {
	padding: 2px;
}

th.table-headers{
	color:black; padding: 2px 4px; border-bottom: 1px solid #666;
}
td.table-head {
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	background-color:#ECECDB; 
}

tr.linha-par {
	background: #DEDEDE;
	padding: 2px;
}

tr.linha-impar {
	background: white;
	padding: 2px;
}