@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	font-size: 11px;
}
fieldset{
	border:1px solid #B6CBDD;	
	padding: 4px;
	margin-top: 7px;
}
legend{
	color: blue;
}
form{
	padding: 5px 0;	
}
label{
	margin:7px 6px;	
	font-size: 12px;
}

input, textarea, select{
	margin: 5px;
	border: 1px solid #B6CBDD;
	height: 18px\0/IE8+9;
}
select{
	height: 20px\0/IE8+9;	
}
input[type=checkbox],
input[type=radio]{
	border: none;
	margin-right: 0;
}
input[type=submit], 
input[type=image], 
input[type=button], 
input[type=reset], 
button{
	margin: 0 5px 0 0;
	border: none;
	font-size: 11px;
	padding-top: 2px;	
	float: left;	
	text-align: left;
	width: auto;
}
input[type=submit]:hover, 
input[type=image]:hover, 
input[type=button]:hover, 
input[type=reset]:hover, 
button:hover{
	text-decoration: underline;
	color:#888;
	cursor: pointer;
}
#loading{
	display: none;
	position: fixed;
	top:0;
	right: 0;
	padding: 4px;	
	background: red;
	font-size: 12px;
	color: #fff;
	font-style: italic;
	font-weight: bold;	
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 99999;
	opacity:0.6;
	filter:alpha(opacity=60);
	text-align: center;
}
#loading #img-text-loading{
	position: absolute;
	top:45%;
	left:46.5%;
	line-height: 1.5em\0/IE8+9;
	border: 1px solid #fff;
	padding: 10px;
}
#loading #img-text-loading img{
	opacity:0.6;
	filter:alpha(opacity=60);	
	float: left;
	margin-right: 4px;
}
#container {
	padding: 11px;
	margin:10px auto;
	font-size: 12px;	
	width: 98%;
}
#header{			
}

#header .titulo{
	color: #777;
	padding: 0 0 4px 0;
	float: left;	
	font-size: 22px;
	font-style: normal;	
}
#header .saudacao{
	color: blue;
	float: right;	
	margin-top: -5px;
}
#header #menu{	
	border-top: 1px solid #f1f1f1;
	margin: 0;	
}
#body{
	margin-top:15px;
	background:	#f9f9f9;
	border: 1px solid #B6CBDD;
}
#body .titulo, #body .titulo2, #cnt-popup .titulo, h3.titulo{
	font-size: 14px;
	color:#bbb;	
	text-transform: uppercase;
	padding:0 0 4px 0;
	border-bottom: 1px dotted #ccc;	
	margin-bottom: 8px;
}
#body .titulo2{
	text-align: left;	
}
#body .cln-left{
	padding:8px;
	float: left;	
	width: 200px;
	z-index: 1;
	position: relative;
}
#body .cln-center{
	padding:8px;
	z-index: 0;
	position: relative;
	width: 98%;
	float: left;	
}
#body .cln-left .titulo{
	text-align: left;
	margin-bottom: 13px;
}
#body .cln-center .titulo{
	text-align: right;
}
#body-content {
	width: 100%;	
}
.panel{
	border:1px solid #B6CBDD;
	border-top:none;	
	padding: 5px;	
}
#body .tab, #body .tab2,
#cnt-popup .tab, #cnt-popup .tab2{
	width: 100%;
	height: 420px;
	width: 99.9%\0/IE8+9;			
}
#body .tab2, #cnt-popup .tab2{
	width: 100%;
	border-right: none\0/IE8+9; 	
}
#body .msg{
	width: 99%;
	height: 330px;
	margin: 0 6px;	
}
.contatos label{
	width: 100px;
	float: left;
	text-align: right;	
}
.contatos .checkbox{
	clear: both;	
}
.contatos .checkbox label{
	float: none;	
}
.contatos{
	width: 99%;	
	margin: 0 6px;	
}
.senha label{
	width: 115px;	
	float: left;
	text-align: right;
}
#body .msg{
	width: 98%;	
}
#footer{
	text-align: right;
	color:#9C9C9C;
	padding: 4px 0;
}
#container-login{
	margin: 20px auto;		
	width: 300px;
}
#header-faixa{
	background: url(../img/header_bg.gif) repeat-x top;
	width: 100%;
	height: 33px;
	position: absolute;
	top:0;
	left:0;
}
#header-login{
	width:970px;
	margin:0 auto;
	margin-top: 60px;
}
#footer-login{
	height:25px;
	width:970px;
	margin:0 auto;	
}
#footer-login p{
	text-align: center;
	margin-right: 10px;	
	color:#000;
}
#header-login h2{
	margin-top:25px;
	font-size: 35px;	
	text-align: center;
}
#container-login #form-login{	
	padding:8px;
	margin: 5px auto 0;
	border: #D7D7D7 1px solid;	
	background: #F4F4F4;
	color: #5f5f5f;
	width: 255px;	
	height: 90px;	
}
#container-login label{
	margin:5px;
	width: 80px;
	text-align: right;	
	float: left;
}
#container-login input[type=text],
#container-login input[type=password]{
	margin: 5px;	
	width: 150px;
	border: 1px solid #B6CBDD;
}
#container-login .btn_logar{
	margin-left: 207px;	
	font-size: 10px;
	height: 25px;
	width: 40px;
	color:#fff;
	border:1px solid #fff;	
	padding: 4px;
	background: #141517;
	text-align: center;
}
#browser-login{
	margin: 0 20px;
	text-align: center;	
}
#browser-login img{
	height: 40px;
	width: auto;	
}
#browser-login p{
	margin-top: 8px;
	margin-bottom: 8px;	
}
#home-content{
	padding: 5px;
	margin: 5px 0;
	width: 99%;
}
#home-content .table-content{
	height: 290px;	
	overflow: auto;	
}
#home-content .table-content table{
	width: 1400px;		
}
.logo { color:#5f5f5f}
.logo span { color:#03a5d1;}	

.toolbar{
	background: url(../img/toolbar_bg.gif) repeat-x top;
	padding: 3px 6px 4px 8px;
	padding: 5px 6px 4px 8px\0/IE8+9;
	height: 30px\0/IE8+9;		
}
.toolbar select{
	padding: 0;
	margin: 0;
	margin-top: -2px;
}
.toolbar input{
	margin-top: -2px\0/IE8+9;
}
.toolbar-lft-rgt{
	border-left: 1px solid #B6CBDD;
	border-right: 1px solid #B6CBDD;	
}
.box{		
	border: 1px solid #B6CBDD;
	padding: 5px;
	background: #fff;
}
.box-grupo{
	width: 780px;	
	margin-left: 3px;
	overflow: auto;	
}
.box-grupo table#grid-grupo{
	float:left;
	width: 950px;		
}
.lista{
	height: 300px;
	overflow: auto;	
}
.lista .txt-modelos{
	width: 400px;
	height: 270px;	
}
.uploader{
	margin: 8px auto;	 
}
.uploader .qq-upload-button{
	margin-left: 36px;	
	width: 226px;
}
.uploader .qq-upload-list{	
	border-top: 1px solid #B6CBDD;
	padding-top: 5px;
	list-style: none;
}
.both{
	clear:both;
}
.negrito{
	font-weight: bolder;
	color:#333;	
}
.hide{
	display: none;	
}
.align-center{
	text-align: center;	
}
.align-right{
	text-align: right;	
}
.bold{
	font-weight: bold;	
}
.font15{
	font-size: 15px;	
}
input.error, textarea.error, select.error{	
	border:1px solid red;
}
label.error {
	display: none;
}
.error-box{
	border: 1px dotted red;
	display: none;
	background: #fff;
}
.error-box li{
	list-style: none;
	background: url(../img/icones/error.gif) no-repeat center left;
	padding:2px 12px;	
	margin: 3px;
}
.message{
	color:red;
	padding:10px;
	text-align: center;
}
.button{
	cursor: pointer;	
}
.color-red{
	color:red;	
}
.btn-salvar{
	background: url(../img/icones/save.gif) no-repeat center left;
	padding-left: 17px;		
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-enviar{
	background: url(../img/icones/enviar.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-receber{
	background: url(../img/icones/receber.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-adicionar{
	background: url(../img/icones/adicionar.gif) no-repeat center left;
	padding-left: 17px;
	padding-bottom: 4px;
	padding-top: 0;	
}
.btn-editar{
	background: url(../img/icones/editar.gif) no-repeat center left;
	padding-left: 17px;
	padding-bottom: 4px;
	padding-top: 0;	
}
.btn-mover{
	background: url(../img/icones/mover.gif) no-repeat center left;
	padding-left: 17px;
	padding-bottom: 4px;
	padding-top: 0;	
}
.btn-exportar{	
	background: url(../img/icones/receber.gif) no-repeat center left;
	padding-left: 17px;
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-remover{
	background: url(../img/icones/remover.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-modelos{
	background: url(../img/icones/modelos.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-salvar-modelos{
	background: url(../img/icones/salvar-modelos.gif) no-repeat center left;
	padding-left: 17px;
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-alerta{
	background: url(../img/icones/alerta.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-prender{
	background: url(../img/icones/prender.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-liberar{
	background: url(../img/icones/liberar.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-prioridade{
	background: url(../img/icones/prioridade.gif) no-repeat center left;
	padding-left: 12px;
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-programar{
	background: url(../img/icones/programar.gif) no-repeat center left;
	padding-left: 17px;
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-psq-contato{
	background: url(../img/icones/psq1.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-add-contato{
	background: url(../img/icones/add_contato.gif) no-repeat center left;
	padding-left: 17px;
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-carregar-numeros{
	background: url(../img/icones/carregar_numeros.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-aceitar{
	background: url(../img/icones/aceitar.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-novo{
	background: url(../img/icones/novo.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-lower{
	background: url(../img/icones/lower.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-upper{
	background: url(../img/icones/upper.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-voltar{
	background: url(../img/icones/voltar.gif) no-repeat center left;
	padding-left: 17px;		
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-lixeira{
	background: url(../img/icones/lixeira.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-pesquisar{
	background: url(../img/icones/pesquisar.gif) no-repeat center left;
	padding-left: 17px;	
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-prioridade-0{
	background: url(../img/icones/prioridade_0.gif) no-repeat center left;
	padding-left: 17px;		
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-prioridade-1{
	background: url(../img/icones/prioridade_1.gif) no-repeat center left;
	padding-left: 17px;		
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-prioridade-2{
	background: url(../img/icones/prioridade_2.gif) no-repeat center left;
	padding-left: 17px;		
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-prioridade-4{
	background: url(../img/icones/prioridade_4.gif) no-repeat center left;
	padding-left: 17px;		
	padding-bottom: 4px;
	padding-top: 0;
}
.btn-prioridade-5{
	background: url(../img/icones/prioridade_5.gif) no-repeat center left;
	padding-left: 17px;		
	padding-bottom: 4px;
	padding-top: 0;
}
input[type=submit].btn-upload{
	background: #000;
	color: #fff;
	padding:3px;
	margin-top: 5px;
	margin-left: 5px;
}
.grid{		
	width:98%;
	margin:2px 4px;
	border-collapse:collapse; 
}
.grid .row-selected{	
	background: #d4d4d4;
}
.grid input[type=checkbox],
.grid th span{
	margin-left: 3px;	
}
.grid th{
	text-align: left;	
	padding-left:3px;
	border-top:none;
	background: #D6E8FF url(../img/no-sort.gif) no-repeat right; 	
 	border: 1px solid #B6CBDD;
}
.grid th.sort{		
	background: #D6E8FF url(../img/asc-desc.gif) no-repeat right; 	
 	border: 1px solid #B6CBDD;
 	text-decoration: underline;
}
.grid th.sort-asc{
 	background: #D6E8FF url(../img/asc.gif) no-repeat right; 	
 	border: 1px solid #B6CBDD; 	
}
.grid th.sort-desc{
 	background: #D6E8FF url(../img/desc.gif) no-repeat right; 	
 	border: 1px solid #B6CBDD;
}
.grid tr:hover{
	cursor: pointer;
	background: #CCC;
}
.grid td{
	padding-left:4px;		
	border: 1px solid #B6CBDD;
}
.grid .drag{
	cursor: move;	
}
.grid .page{
	margin-top: 6px;
	float: left;	
}      
.grid .page a{
	padding: 4px;
	margin-right: 3px;
	text-decoration: none;;	
}
.grid .page a.selected{
	font-weight: bold;	
	text-decoration: underline;
}