body, h1, td, th, a {
	font-family: "Trebuchet MS", Verdana;
	margin:0;
	padding:0;
}

input[type=checkbox] {
	cursor:pointer;
}

/* div flutuante que exibe um exemplo do campo */
div.exemplo_campo {
	display:none;
	position:absolute;
	z-index:999;
	background-color:#FFF;
	padding:5px;
	border:1px solid #999;
	font-size:11px;
}
div.exemplo_campo input, div.exemplo_campo textarea, div.exemplo_campo select {
	width:90px;
	font-size:10px;
}
div.exemplo_campo .checkbox, div.exemplo_campo .radio {
	width:auto;
}
img { 
	behavior: url(stylesheets/iepngfix.htc) 
}
img.botao { 
	cursor:pointer;
}

a.botao {
	color:#333;
	text-align:left;
	height:20px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding:0;
	margin:0 0 0 10px;
}
a.botao:hover {
	color:#008400;
}
a.botao img {
	border:none;
	vertical-align:middle;
}

/*================================================================================================*/
/* Opções disponíveis para os formulários */
/*================================================================================================*/
#div_opcoes {
	float:left;
	width:168px;
	border:1px solid #333;
	background-color:#FFF;
}

#div_opcoes img {
	border:none;
	vertical-align:middle;
	margin-left:4px;
}
#div_opcoes h1 {
	width:100%;
	color:#FFF;
	font-size:12px;
	border-bottom:1px solid #333;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 3px 0;
	background-color:#666;
	letter-spacing:1px;	
}
#div_opcoes ul {
	list-style:none;
	padding:0;
	margin:5px 0 5px 0;
}
#div_opcoes li {
	list-style:none;
	padding:2px 0 2px 0;
	margin:0;
}
#div_opcoes li a {
	color:#333;
	text-align:left;
	height:20px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding:3px;
	margin:0;
}
#div_opcoes li a:hover {
	color:#008400;
}

/*================================================================================================*/
/* DIVs com informações de publicação e envio de e-mail  */
/*================================================================================================*/
#div_publicar, #div_enviar_email  {	
	background:#E4F1BC;
	border:#B5D946 6px solid;
	left:110px;
	width:550px;
	position:absolute;
	font-size:12px;
	padding:5px;
}
#div_publicar p, #div_enviar_email p {
	padding:0;
	margin:10px 0 10px 0;
	line-height:18px;
}
#div_publicar h3, #div_enviar_email h3 {
	float:left;
	width:530px;
	background-color:#EFEFEF;
	border:1px dotted #008400;
	text-align:center;
	padding:2px 0 2px 0;
	margin:0 0 10px 0;
	font-family: Trebuchet MS, tahoma;
	font-size: 14px;
}
#div_publicar textarea, #div_enviar_email textarea {
	font-size:11px;
	width:100%;
	height:31px;
	border:none;
	overflow:hidden;
}
#div_enviar_email textarea {
	font-family: "Trebuchet MS", Verdana;
	font-size:12px;
	width:100%;
	height:70px;
	border:1px solid #333;
}

/*================================================================================================*/
/* Lista de formularios cadastrados pelo usuário */
/*================================================================================================*/
#div_lista_forms {
	float:left;
	width:600px;
	border:1px solid #333;
	background-color:#FFF;
	margin:0 0 0 10px;
}

#div_lista_forms img {
	border:none;
	vertical-align:middle;
	margin-left:4px;
}
#div_lista_forms h1 {
	width:100%;
	color:#FFF;
	font-size:12px;
	border-bottom:1px solid #333;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 3px 0;
	background-color:#666;
	letter-spacing:1px;	
}
#div_lista_forms label {
	display:block;
	font-size:12px;
	margin:5px 5px 5px 8px;
}
#div_lista_forms p {
	padding:0;
	margin:0;
}
#div_lista_forms a.lista, #div_lista_forms a.click {
	color:#333;
	text-align:left;
	width:598px;
	height:20px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	display:block;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:3px 0 3px 0;	
	margin:0;
	text-indent:8px;
}
#div_lista_forms a.lista:hover {
	background-color:#EFEFEF;
	border:1px dotted #008400;
}
#div_lista_forms a.click.click {
	background-color:#CCFFCC;
	border:1px solid #008400;
}

/*================================================================================================*/
/* Campos disponíveis para editar o formulário */
/*================================================================================================*/
#div_campos {
	float:left;
	width:168px;
	border:1px solid #333;
	cursor:move;
	background-color:#FFF;
}

#div_campos img, #div_propriedades img {
	border:none;
	vertical-align:middle;
	margin-left:4px;
}
#div_campos h1, #div_propriedades h1 {
	width:100%;
	color:#FFF;
	font-size:12px;
	border-bottom:1px solid #333;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 3px 0;
	background-color:#666;
	letter-spacing:1px;	
}
#div_campos h2, #div_propriedades h2 {
	color:#FF0000;
	font-size:11px;
	text-align:center;
	padding:5px;
	margin:0;
}
#div_campos ul {
	list-style:none;
	padding:5px 0 2px 5px;
	margin:0;
}
#div_campos li {
	list-style:none;
	padding:0;
	margin:0 0 3px 0;
}
#div_campos li a {
	color:#333;
	text-align:left;
	width:150px;
	height:20px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display:block;
	background-color:#E8FFE8;
	border-top:1px solid #C1C1C1;
	border-left:1px solid #C1C1C1;
	border-right:1px solid #1D1D1D;
	border-bottom:1px solid #1D1D1D;
	padding:3px;
	margin:0;
}
#div_campos li a:hover {
	background-color:#CCFFCC;
}

/*================================================================================================*/
/* Campos disponíveis para editar o formulário */
/*================================================================================================*/
#div_meus_campos {
	float:left;
	width:554px;
	border:1px solid #333;
	background-color:#E8FFE8;
	margin:10px 0 0 0;
}

#div_meus_campos img {
	border:none;
	vertical-align:middle;
	margin-left:4px;
}

#div_meus_campos h1, #div_propriedades h1 {
	width:100%;
	color:#FFF;
	font-size:12px;
	border-bottom:1px solid #333;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 3px 0;
	background-color:#666;
	letter-spacing:1px;	
}
#div_meus_campos h2, #div_propriedades h2 {
	color:#FF0000;
	font-size:11px;
	text-align:center;
	padding:5px;
	margin:0;
}

#div_meus_campos label {
	font-family: "Trebuchet MS", Verdana;
	color:#333;
	width:82px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	display:block;
	padding:0;
	margin:0 4px 0 0;
	float:left;
}

#div_meus_campos select, #div_sel_campo select {
	font-family: "Trebuchet MS", Verdana;
	font-size:14px;
	width:455px;
	margin:0 0 10px 0;
}

/*================================================================================================*/
/* Propriedades dos campos */
/*================================================================================================*/
#div_propriedades {
	left:752px;
	font-family: "Trebuchet MS", Verdana;
	float:left;
	position:absolute;
	width:230px;
	border:1px solid #333;
	margin:0 0 10px 0;
	background-color:#FFF;
	cursor:move;
}
#div_propriedades table {
	width:100%;
}
#div_propriedades .td1 {
	width:99%;
	font-size:10px;
	vertical-align:top;
	padding:3px;
	font-weight:bold;
}
#div_propriedades .td2 {
	width:1%;
	padding:0 2px 0 2px;
	padding:3px;
	vertical-align:top;
}
#div_propriedades .td2 a, a.help {
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	text-decoration:none;
}
#div_propriedades input {
	font-family: "Trebuchet MS", Verdana;
	font-size:10px;
	font-weight:normal;
	width:100%;	
	border:1px solid #333;
	padding:1px;
	height:19px;
	_height:13px;
	padding:2px;
}
#div_propriedades select {
	font-family: "Trebuchet MS", Verdana;
	font-weight:normal;
	font-size:10px;
	width:100%;
	height:17px;
}
#div_propriedades textarea {
	font-family: "Trebuchet MS", Verdana;
	font-weight:normal;
	font-size:10px;
	width:100%;	
	border:1px solid #333;
	height:30px;
}
#div_propriedades .checkbox, #div_propriedades .radio {
	width:auto;
	cursor:pointer;
	border:none;
	size:10px;
}
div.propriedade_valor {
	background-color:#E8FFE8;
}

ul.opcoes {
	list-style:none;
	padding:0;
	margin:0;
}
ul.opcoes li {
	padding:0;
	margin:0;
}


/*================================================================================================*/
/* Edição do formulário */
/*================================================================================================*/
#div_edita_form {
	float:left;
	margin:0px 5px 0 5px;	
	width:556px;
	border:none;
}

#div_borda_form {
	border:1px solid #EFEFEF;
}

#div_cabecalho_form {
	margin:0;
	padding:0;
	height:35px;		
	background-color:#CCE57F;
	/*border-bottom:1px solid #7CA600;*/
}

#div_cabecalho_form input.titulo-form {
	font-family: "Trebuchet MS", Verdana;
	width:430px;
	float:left;
	margin:7px 0 0 0;
	padding:0 0 0 7px;
	color:#333;	
	font-size:18px;
	font-weight:bold;
	border:none;
	background-color:transparent;
}
#div_cabecalho_form img.logo-form {
	float:right;
	margin:7px 7px 0 0;
	cursor:pointer;
	width:110px;
	height:21px;
}
#div_conteudo_form {
	background-color:#FFFFFF;		
	text-align:left;
	padding:0 0 10px 0;
}

/** LISTA COM OS CAMPOS DO FORMULARIO PARA EDIÇÃO **/
#ul_formulario {
	list-style:none;
	padding:0;
	margin:0;
}
#ul_formulario li {
	list-style:none;
	padding:0 8px 0 8px;
	margin:0;
	cursor:move;
	border:1px solid #FFF;
}
#ul_formulario .li-form-hover, #ul_formulario .li-form-click, #ul_formulario .li-form-erro {
	list-style:none;
	padding:0 8px 0 8px;
	margin:0;
}
#ul_formulario .li-form-hover  {
	background-color:#EFEFEF;
	border:1px dotted #008400;
}
#ul_formulario .li-form-click  {
	background-color:#CCFFCC;
	border:1px solid #008400;
}
#ul_formulario .li-form-erro  {
	background-color:#CCFFCC;
	border:1px solid #008400;
}
#ul_formulario li img {
	cursor:pointer;
	visibility:hidden;
}
#ul_formulario input.label {
	font-family: "Trebuchet MS", Verdana;
	width:96%;
	color:#333;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
	border:0;
	background-color:transparent;
	height:17px;
}
#ul_formulario input.campo, #ul_formulario input.numero, #ul_formulario input.valor, #ul_formulario input.data {
	font-family: "Trebuchet MS", Verdana;
	width:97%;
	font-size:14px;
	height:25px;
	_height:20px;
	padding:3px;
	margin:0;
	border:1px solid #333;
}
#ul_formulario input.numero, #ul_formulario input.valor {
	text-align:right;
	width:150px;
}
#ul_formulario input.data {
	text-align:right;
	width:80px;
	text-align:center;
}
#ul_formulario textarea {
	font-family: "Trebuchet MS", Verdana;
	width:97%;
	font-size:14px;
	height:100px;
	padding:3px;
	border:1px solid #333;
}
#ul_formulario select {
	font-family: "Trebuchet MS", Verdana;
	font-size:14px;
}
#ul_formulario h4 {		
	color:#FF0000;
	font-size:10px;
	padding:0;
	margin:0;
}
#ul_formulario table.opcao {
	border:none;
	width:100%;
}
#ul_formulario table.opcao td {
	height:25px;
}
#ul_formulario table.opcao label {
	font-family: "Trebuchet MS", Verdana;
	font-size:14px;
	font-weight:normal;
}

input.botao {
	width:auto;
	height:25px;
	cursor:pointer;
	padding:3px;
	border:1px solid #333;
	color:#FFF;
	background-color:#008400;
	padding:0;
	margin:0 0 10px 10px;
}
input.botao-data {
	background-image:url(../images/icones/data.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:transparent;
	width:19px;
	height:23px;
	border:none;
	cursor:pointer;
	padding:0;
	margin:0;
}
input.checkbox, input.radio {
	cursor:pointer;
}

/*================================================================================================*/
/* Relatórios  */
/*================================================================================================*/
#div_opcoes_relat {
	float:left;
	width:435px;
	border:1px solid #333;
	background-color:#FFF;
	padding:0 0 10px 0;
	margin:0;
}
#div_opcoes_relat h2 {
	color:#FF0000;
	font-size:11px;
	text-align:center;
	padding:5px;
	margin:0;
}
#div_opcoes_relat img {
	border:none;
	vertical-align:middle;
	margin-left:4px;
}
#div_opcoes_relat h1 {
	width:100%;
	color:#FFF;
	font-size:12px;
	border-bottom:1px solid #333;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 0 0;
	background-color:#666;
	letter-spacing:1px;	
}
#div_opcoes_relat table {
	width:410px;
	border:1px solid #333;
	margin:0 10px 0 10px;
}
#div_opcoes_relat table .td1{
	width:23px;
	background-color:#333;
}
#div_opcoes_relat table .td2 {
	font-size:13px;
	padding:0 0 0 5px;
}

#frm_csv {
	margin:0;
	padding:0;
}

#table_relatorio {
	font-size:12px;	
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#table_relatorio tr.tit td {
	background-color:#008400;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	text-align:center;
	border-right:1px solid #FFF;
}
#table_relatorio tr.lin td {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:2px 5px 2px 5px;
}

/* Color Picker
***************************************************************/
#div_colorpicker {
	position:absolute;
	left:600px;
}
div.color {	
	cursor:pointer;
	border:1px solid #666;	
	width:17px;height:17px;
	margin:2px 5px 2px 2px;
}

/* tabela de cores */
table.cores {
	background-color:#FFF;
	padding:2px;
	border:1px solid #333;
}