/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*===================================
/*   Basic page styles
/*===================================*/

/* opcional */
/* Botão verde chamativo */
.x-html5uploader .x-btn {
    margin-left: 5px;
}


body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;        
}

a {
    color:#000;        
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

#header h1 {
    font-size: 15px;
    color: #fff;
    font-weight: bold!important;    
    padding: 6px 10px; 
    float: left;   
}
#versao {
    font-size: 8px;
    font-family: verdana;
    color: #fff;
    font-weight: bold!important;        
    text-align: right;    
    padding-top: 15px;
    margin-left: -5px;
    float: left;    
}
#temas {    
    padding-right: 5px;
    padding-top: 3px;
    float: right; 
    width: 10%;   
}
#start-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #DD0000;
}
#start-div p {
    margin: 10px 0;
}

/*===================================
/*   Customized layout styles
/*===================================*/

/* Remove the border around the tabs and override the default white background: */
.x-tab-panel-header-plain .x-tab-strip-top {
    /*background: #C4C4C4 url(../extjs/resources/images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;*/
}

.x-form-item  {
	font-size: 11px; 
}
.x-form-field{
	font-size: 11px; 
}

.x-tree-node div.feeds-node{

    background:#eee url(../images/cmp-bg.gif) repeat-x;

    margin-top:1px;

    border-top:1px solid #ddd;

    border-bottom:1px solid #ccc;

    padding-top:2px;

    padding-bottom:1px;

}

.feeds-node .x-tree-node-icon {

    display:none;

}

#loading
{
	position: absolute;
	background: white;
	left: 50%;
	top: 50%;
	padding: 5px;
	z-index: 20001;
	height: 32px;
    width: 32px;
	background:transparent url(../images/indicator.gif) no-repeat top left;
}

#loading .loading-indicator
{
	background:white;
    padding:5px;
    margin:0;
    height:auto;        
}
#loading-msg
{
	font: normal 9pt arial, tahoma, sans-serif;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 15px;
}

.x-window-dlg .ext-mb-download {
	background:transparent url(../images/download.gif) no-repeat top left;
	height:46px;
}

img.foto {
    width: 96px;
    height: 124px;
    float: left;
    margin: 0px 5px 0px 0px; 
}
span.nama {
    font-size: 100%;
    color: #3764A0;
    font-weight: bold; 
}
#action-panel .x-panel {
	margin-bottom:3px;
	margin-right:0;
}
#action-panel .x-panel-body {
	border:0 none;
}
#action-panel .x-panel-body li {
	margin:3px;
}
#action-panel .x-panel-body li img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:2px;
	margin-bottom:2px;
}
#action-panel .x-panel-body li a {
	text-decoration:none;
	color:#333;
}
#action-panel .x-plain-body {
	background-color:#EC0000;
    padding:3px 0 0 5px;
}
.x-air #action-panel .x-plain-body {
	padding-left:3px;
}

 .x-check-group-alt {
     background: #B30000;
     border-top:1px dotted #CCC;
     border-bottom:1px dotted #CCC;
 }
 
 .icon-clientes{
	background-image:url(../images/icon/vcard.png) ! important;
}

.btn-save {
	background-image: url(../images/icon/disk.png) !important;
}

.btn-cancel {
	background-image: url(../images/icon/cancel.png) !important;
}


/***************************** Meus CSS's ***********************************/

/* CSS Cabe�alho Panel Vermelho 
.header-panel-images-red
{        
    background: url(../images/layout-browser-hd-bg-gray.gif) repeat center;          
}
*/

/* CSS para t�tulos*/
.destak-title
{      
    font-size: 13px;   
}

.campo-desabilitado {
    cursor: not-allowed;
    color:#cccccc;
    background:#cccccc;
    font-weight:bold!important;
    font-size:14px!important;
}

.campo-credito {
    color:#006100;
    background:#C6EFCE;
    font-weight:bold!important;
    font-size:14px!important;
}

.campo-debito {
    color:#9C0006;
    background:#FFC7CE;
    font-weight:bold!important;
    font-size:14px!important;
}

.grid-row-moeda {
    text-align: center;
    font-weight: bold!important;
    border-color:#ddd;      
}

/* CSS de linha negativa - no grid*/
.grid-row-negativa
{            
    background-color: #FFC7CE!important; 
    color: #9C0006!important; 
    
}

/* CSS de linha positiva + no grid*/
.grid-row-positiva
{            
    background-color: #C6EFCE!important; 
    color: #006100!important; 
    
}

/* CSS de linha vermelha no grid*/
.grid-row-red
{    
    border-color:#ddd;
    background-color: #FF7259!important; 
    
}
/* CSS de linha verde no grid*/
.grid-row-green
{    
    border-color:#ddd;
    background-color: green!important; 
    
}
/* CSS de linha amarela no grid*/
.grid-row-yellow
{    
    border-color:#ddd;
    background-color: yellow!important; 
    
}
/* CSS de linha azul no grid*/
.grid-row-blue
{    
    border-color:#ddd;
    background-color: blue!important; 
    
}
/* CSS de linha azul escuro no grid*/
.grid-row-navy
{    
    border-color:#ddd;
    background-color: navy!important; 
    
}
/* CSS de linha inativa (gray) no grid*/
.grid-row-inativa.x-grid3-row td
{    
    border-color:#ddd;
    color: #AFAFAF;    
    font-style: oblique;        
    background-color: gray!important; 
}

/* CSS texto destaque */
.texto-destaque
{
    text-align:center;
    font-size: 13px;
    color: #000;
    font-weight: bold;  
    padding-bottom: 1px;    
    background: url(../images/layout-browser-hd-bg-gray.gif) repeat center;          
}

/* CSS combobox Coluna Esquerda */
.combo-coluna-esquerda
{
    float:left;
    width:45%;
    padding:5px;    
    border-right:1px dashed #C4C4C4;
}

/* CSS combobox Coluna Direita */
.combo-coluna-direita
{
    float:right;
    width:50%;    
    padding:5px;
}
.faseAguardaAutorizacao{
    text-align: center;    
    font-weight: bolder;      
    padding: 1px;
    background-color: yellow;
    padding: 5px;
    border: 2px #fff solid;
    moz-border-radius:10px;
    webkit-border-radius:10px;
    border-radius:10px;
    width: 90%;
}

.faseAguardaPagamento{
    text-align: center;    
    font-weight: bolder;        
    padding: 1px;    
    background-color: orange;
}

.fasePaga{
    text-align: center;    
    font-weight: bolder;      
    padding: 1px;    
    background-color: green;
}

.faseRecusada{
    text-align: center;    
    font-weight: bolder;        
    padding: 1px;    
    background-color: red;
}

.faseCancelada{
    text-align: center;    
    font-weight: bolder;       
    padding: 1px;    
    background-color: gray;
}