﻿/****************************************************************************
Autor da ultima modificação: Felipe Augusto Moraes Brasil

ESTILOS PARA COMPONENTES DE FORM
****************************************************************************/

/****************************************************************************
FALE CONOSCO
****************************************************************************/

dl.span-50	{ width:440px; _width:425px; border-bottom:1px #848484 solid; height:115px; _height:110px!important; padding:0px; margin-bottom:10px; float:left; }

.span-50 dd	{ text-align:right; width:60px; _width:60px; padding-top:4px; height:21px; float:left; }
.span-50 dt	{ text-align:left; width:300px;  height:25px; float:left; }


/*****************************************************************************************************************
	BOTÕES
*****************************************************************************************************************/

.btn, .btn2{
	border:0px #e7e7e7 none;
	background-color:#ffffff;
	height:25px;
	margin:0 0 0 0;
	padding:2px 2px 0 2px;
	font-family:Verdana;
	font-size:11px;
	color:#5a5a5a;
	text-align:center;
	cursor:pointer;

}

.btn	{ width:90px; height:25px; }
.btn2	{ width:140px; height:25px; }

.btn-bandeira-ing{
	border:0px #e7e7e7 none;
	background:url('../../Imagens/internas/bandeira_ing.jpg') no-repeat scroll center center;
	margin:0;
	padding:0;
	width:30px;
	height:25px;
	cursor:pointer;
	float:right;
	position:relative;
	left:-79px;
}
.btn-bandeira-bra{
	border:0px #e7e7e7 none;
	background:url('../../Imagens/internas/bandeira_brasil.jpg') no-repeat scroll center center;
	margin:0;
	padding:0;
	width:30px;
	height:25px;
	cursor:pointer;
	float:right;
	position:relative;
	left:-110px;
}

.btn-saiba-mais{
	border:0px #e7e7e7 none;
	background:#7AA12C;
	margin:5px 0 0 0;
	padding:2px 4px;
	/**width:65px;
	_width:65px;
	width:67px;
	*/
	/*height:13px;*/
	font-family:Verdana;
	font-size:9px;
	color:#ffffff!important;
	text-align:center;
	cursor:pointer;
	float:right;
}
.btn-voltar{
	border:0px #e7e7e7 none;
	background:#7AA12C;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	*width:65px;
	_width:65px;
	width:67px;
	height:13px;
	font-family:Verdana;
	font-size:10px;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
}

/*****************************************************************************************************************
	CAMPO DE FORMULÁRIO
*****************************************************************************************************************/


.cad-lbl			 		{
	padding:3px 2px 3px 0px;
	font:10px Verdana, Tahoma;
	color:#848484;
}

.cad-lbl2		 		{
	padding:3px 2px 3px 0px;
	font:11px Verdana, Tahoma;
	color:#848484;
}

.cad-txt-7	{/**CONTAINER CAMPO TEXTO 7% **/
	padding:2px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:7%;
}

.cad-txt-multi-17, .cad-ddl-17, .cad-txt-17	{/**CONTAINER CAMPO TEXTO 17% **/
	padding:2px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:17%;
}

.cad-txt-multi-25, .cad-ddl-25, .cad-txt-25	{/**CONTAINER CAMPO TEXTO 25% **/
	padding:2px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:25%;
}

.cad-txt-multi-30, .cad-ddl-30, .cad-txt-30	{/**CONTAINER CAMPO TEXTO 30% **/
	padding:2px;
	margin:0px 8px 0px 8px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:28%;
}


.cad-txt-multi-50, .cad-ddl-50, .cad-txt-50	{/**CONTAINER CAMPO TEXTO 50% **/
	padding:2px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:45%;
}


.cad-txt-multi-75, .cad-ddl-75, .cad-txt-75	{/**CONTAINER CAMPO TEXTO 75% **/
	padding:2px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:75%;
}

.cad-txt-multi-85, .cad-ddl-85, .cad-txt-85	{/**CONTAINER CAMPO TEXTO 75% **/
	padding:2px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:85%;
}



.cad-txt-multi-90, .cad-ddl-90, .cad-txt-90	{/**CONTAINER CAMPO TEXTO 75% **/
	padding:2px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:90%;
}

.cad-txt-multi, .cad-ddl, .cad-txt	{/**CONTAINER CAMPO TEXTO 95% **/
	padding:2px;
	background-color:white;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	margin-top:5px;
	width:95%;
}


.cad-txt-img				{
	padding:2px;
	background:white url('imagens/Comuns/cadtxtImg00.jpg') no-repeat fixed right center;
	font:10px Verdana, Tahoma;
	color:#848484; 
	border:1px solid #c3c3c3;
	height:15px;
}


.cad-rad					{padding:2px 0px 2px 0px; font:10px Verdana, Tahoma; color:#848484; }

.cad-chk					{padding:2px 0px 2px 0px; font:10px Verdana, Tahoma; color:#848484;}

.cad-alert					{font:11px Verdana, Tahoma; color:#CC0000; font-weight:bold;}

.cad-obser					{font:11px Verdana, Tahoma; color:#08588B; font-weight:bold;}

.cad-button		 		{
	background:url('../imagem/background/back_button.jpg') repeat-x bottom;
	font:11px Verdana, Tahoma;
	color:#333333;
	border:1px solid #666666;
	margin:0px 0px 0px 10px;
	width:100px;
	height:20px;
}


.cad-button-filtro 		{
	background:url('../imagem/background/back_button.jpg') repeat-x bottom;
	padding:2px;
	font:11px Verdana, Tahoma;
	text-align:center;
	cursor: pointer;
	color:#333333;
	border:1px solid #C0C0C0;
	width:25px;
	height:25px;
	margin-top:9px;
}



/*****************************************************************************************************************
	DATAGRID
*****************************************************************************************************************/

.dtgHeaderStyle			{
	padding: 2px 3px 2px 3px;
	background:url('../imagem/background/bg_dtg.jpg') repeat-x;
	font: 10px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align: center;
	height: 29px;
}
			 	         
.dtgItemStyle			{
	padding: 2px 3px 2px 3px;
	background:#F2F3F7;
	font: 10px Verdana, Arial, sans-serif;
	color: #333333;
	height:18px;
}

.dtgItemStyleSelected	{
	padding: 2px 3px 2px 3px;
	background-color:#FF6600;
	font: 10px Verdana, Arial, tahoma;
	color: #333333;
	border: 1px gray solid;
	height: 20px;
}

.dtgItemStyleAlternate	{
	padding: 2px 3px 2px 3px;
	background: #FFFFFF;
	font: 10px Verdana, Arial, sans-serif;
	color: #333333;
	height: 18px;
}

.dtg	 				{
	border-collapse: collapse;
	margin:10px 0px 10px 0px;
}

.dtg tr td 				{
	padding: 2px 3px 2px 3px;
	border:1px solid #CCCCCC;	
}

.dtgTitulo				{font:12px Arial, Helvetica, sans-serif; color:#3A3A3A; line-height:15px;}
				
.dtgLink				{font:11px Verdana, Arial, sans-serif; color: #233055; text-decoration: underline;}

.dtgLink:hover			{font:11px Verdana, Arial, sans-serif; color: #FF6604; text-decoration: none;}




/*add class*/


.ct_textArea{ width:390px; height:87px; display:inline;}
.bt_enviar{ padding-top:0px; padding-bottom:2px; margin-top:0; height:12px; font-size:9px!important; width:60px;}
