@CHARSET "UTF-8";

/* ------ CLASSES HACKS IE ------ */
.fixIe6Height{line-height:0;}/*IE6 - Evita que o IE6 (aparentemente o IE5 e 5.5) aceite valores fixos de height abaixo de 12px - bug resolvido no IE 7 e 8 com a declaracao de doctype strict*/

input[type='text']:focus, textarea:focus, input[type='password']:focus, input[type='checkbox']:focus, select:focus{
    border:1px solid #ccc;
    background-color:#FFE699;
    }

input[type='text'], input[type='password'], input[type='checkbox'], input[type='file'], select, textarea{
    border:1px solid #ccc;
    background-color:#fff;
    background-image: none;
    }

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]{
	background-color: #e1e1e1;
    border:1px solid #ccc;
	cursor: default;
	color: #444!important;
	
	/*border: solid thick red;
    border-radius: 0.5em;
	box-shadow: black 0.5em 0.5em 0.3em; */
}

.containerButtons /** extends line **/ {
	margin-top: 10px;
	text-align: left;
	clear: both;
}

.form{
	width: 1014px;
}

.pic {
	margin-bottom: -4px;
	margin-right: 2px;
}
		
.botao {
	/**height: 18px;**/
	font: bold 12px Arial;
	padding : 0 10px !important;
	margin-right: 5px;
	cursor: pointer;
	font-size:11px !important;	
}

.titulo {font-weight: bold}
.campoObrigatorio {font-weight: bold;
color: #B22222;}

.centralizado{text-align:center;}

/* Inputs */
.xx-small {
	width: 30px;
}

.x-small {
	width: 50px;
}

.small {
	width: 100px;
}

.xxx-small {
	width: 150px;
}

.medium {
	width: 200px;
}
.x-medium {
	width: 250px;
}

.big {
	width: 300px;
}

.x-big {
	width: 350px;
}

.xx-big {
	width: 400px;
}

.xxx-big {
	width: 500px;
}

.mediumHeight {
	height: 100px;
}

/* Modais e telas de alertas */
.headerError {
	width: 100%;
	height: 100px;
	background-image: url("../images/background.png");
	border-bottom: 25px solid #9e9d7f;
}

.error, .warning, .informacao, .sucesso, .erro {
	font: 12px Arial;
	border: 1px solid;
	margin: 10px;
	padding: 10px 40px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 10px center;
	min-width: 500px;
}


.error, .warning {
	margin-top: 50px;
}

.error, .erro {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url("../images/dialog-error.png");
}

.warning, .informacao {
	color: #B8860B;
	background-color: #F5DEB3;
	background-image: url('./../images/dialog-warning.png');
}

.sucesso {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('./../images/dialog-success.png');
}


.informacaoPesquisa {
    border: 1px solid;
    margin: 10px;
    padding:10px 10px 10px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #B8860B;
    background-color: #F5DEB3;
    white-space: nowrap;
}

.informacaoExtra {
    border: 1px solid;
    margin: 10px;
    padding:10px 10px 10px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;	
    color: #222285;
    background-color: #B3DEF5;
}

.labelsIncluirDuv{
	text-align: left;
	width: 350px;
}

.labels{
	text-align: left;
}

.labelsNoWrap{
	text-align: left;
	white-space: nowrap;
}

.fieldsCenter{
	text-align: center;
	padding-left: 5px;
}

.fields{
	text-align: left;
	padding-left: 5px;
}

.fieldsRightPadding{
	text-align: left;
	padding-left: 5px;
	padding-left: 30px;
}

.topAlign, .topAlign td{
	vertical-align: top;
}

.centerAlign{
	align: center; /* IE hack*/
	margin: 0 auto;
}

.leftContent{
	text-align: left;
}

.centerContent{
	text-align: center;
}

.rightContent{
	text-align: right;
}

/* Para header de tabelas que devem ter tamanho justo, que não expande mesmo que haja espaço. 
Exemplos: header de colunas de checkbox; header tipo 'Ativo' para colunas com valor 'Sim'/'Não' */
.fitHeader {
	width: 1px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}

a.imageLink {
	color: transparent;
}
a.imageLink:hover {
	color: transparent;
}

label.cp_obr {
	background-image: url("../images/obrigatorio.gif"); background-repeat: no-repeat; background-position: 0 3px;
	padding-left: 8px;
}

.menuItem, .menuItem.VISITED{
	cursor: pointer;
	color: #000000 !important;
	text-decoration: none;
}

.menuItem:HOVER{
	color:#e79a00 !important;
	text-decoration: underline;
}

.numerico {
	text-align:right;
}

/*
Usado em imagens que vão ao lado de campos e que dão informações sobre o mesmo. 
Exemplo: imagem de dica.
*/
.infoImg {
	vertical-align:middle;
	border-width:0px;
	margin-left:3px
}