/* CSS Document */

/*
Desenvolvimento Weblink informatica www.wl.com.br// Soluções para Web
*/
/*----------------------------------------PADRÕES------------------------------*/
.msg {
	color: #FF0000;
	background-color: #FFFFCC;
	text-align: center;
	padding: 8px;
	border: 1px solid #FFCCCC;
}
/*----------------------------------------Fecha Padrões------------------------------*/
html{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
body,div, ul, li ,form, h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
	list-style:none;
}

td{vertical-align: top;}
 *{	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
 b, strong{
	font-weight: bold;
	color: #666;
	font-size: 10px;
}
 
 a:hover{	color: #009900;	background: #F2F2F2;}

/*------------------------------HEADERS--------------------------------------------------*/
h1, h2, h3, h4, h5{
	margin: 0px;
	padding: 0px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: bold;
}
h1 {
	padding: 8px 8px 8px 16px;
	font-size: 14px;
	color: #FF0000;
	margin: 0px 0px 10px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #F08E90;
	border-left: 1px solid #FFFFFF;
	background: repeat-x 0px 7px;	
}
h2 {
	padding: 8px 8px 8px 16px;
	font-size: 12px;
	color: #CD353D;
	margin: 0px 0px 10px;
	font-weight: normal;	
}
h3 {
	background-color: #f3f3f3;
	padding: 5px 5px 5px 30px;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 10px;
}
h4 {
	background-color: #f3f3f3;
	padding: 3px 3px 3px 45px;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 10px;
}
h5 {
	background-color: #F0F8FF;
	padding: 3px 3px 3px 45px;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 10px;
}
h6 {
	padding: 8px 8px 0px 8px;
	font-size: 14px;
	color: #FF0000;
	margin: 10px 0px 0px 0px;
	font-weight:bold;
}
/*------------------------------FIM  HEADERS--------------------------------------------------*/
/*------------------------------A: Links    --------------------------------------------------*/
a{
	color: #0757f6;
	text-decoration:none;
}
a:hover{
	color: #117c6e;
	background:#F8F8F8;
}
/*------------------------------Fim links--------------------------------------------------*/
/*------------------------------FORMS--------------------------------------------------*/
input, select, textarea{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	border: 1px solid #999999;
	background: #FCFCFC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #CCCCCC;
	padding: 2px;
		}
		input:hover, select:focus, textarea:focus{
		color: #333333;
		background: #FBFBFB;
		border-top: 1px solid #FF9933;
		border-right: 1px solid #FFC488;
		border-bottom: 1px solid #FFC488;
		border-left: 1px solid #FF9933;
	}
		input:focus, select:focus, textarea:focus{
		color: #666666;
		background: #ECF5FF;
		border-top: 1px solid #069;
		border-right: 1px solid #00A9FB;
		border-bottom: 1px solid #00A9FB;
		border-left: 1px solid #069;
	}
	
	input[type="checkbox"],input[type="radio"]{border:none !important;}


/*Noticia ------------- */
.noticia {
	margin: 0px 5px 0px 0px;
}
.noticia#artigo h1{
	background: #D71D1D url(../images/alesfe_orelha_fundo_noticia.gif);
	border: 1px solid #D61919;
}
.noticia h1{
	background: #ABABAB url(../images/alesfe_orelha_fundo_artigos.gif);
	margin: 2px 0px 0px;
	padding: 6px 4px 5px 8px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #969696;
}
.noticia ul {
}
.noticia ul li{
	margin: 0px 0px 10px;
	padding: 0px 4px 6px;
	clear: both;
	line-height: 17px;
	
}

.noticia ul li a{
	color: #000;	
}
.noticia ul li a b{
	color: #333;
}
.noticia li img{
	margin: 3px 0px 0px;
}

/*Indice*/
.noticia_indice {
	margin: 0px 5px 0px 0px;
	
}
.noticia_indice#artigo h1{
	background: #FF9900 url(../images/alesfe_orelha_fundo_noticia.gif);
	border: 1px solid #dc9406;
}
#noticia {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #ffffff;
}

.noticia_indice h1{
	background: #FFF0F0;
	margin: 2px 0px 5px;
	padding: 6px 8px 5px 5px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.noticia_indice ul {}
.noticia_indice ul li{
	margin: 0px 0px 15px 20px;
	line-height: 18px;
	text-align: justify;
	font-size: 12px;
	
}
.noticia_indice ul li a{
	
	color: #0066CC;
}
/*Fecha noticia ------- */
.formulario{clear:both;}
.formulario ul{
	width: 500px;
}
.formulario li{
	float: left;
	border: 1px solid #000000;
	padding: 10px;
}
.formulario label{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	background: #0099CC;
}
.formulario .botao{float: left; clear:none;}
.formulario ul li button{
	float: left;
	clear:none;
	margin: 8px 8px 0px 0px;
}

.formulario_li_horizontal{padding:0px; margin:0px; width:auto !important}
.formulario_li_horizontal li {
	
	display: table;
	float: left;
	width:auto !important;
	padding: 2px;
	margin: 0px !important;
}

.formulario input, .formulario select {	float: left;}

/*.formulario ul {width: 450px;border: 1px solid #ffffff;}
.formulario li {display: table;float: left;width: 550px;margin: 5px;}*/
/*------------------------------FORMS--------------------------------------------------*/
/*------------------------------DATAGRID--------------------------------------------------*/
.w_DG_datagrid, .div_datagrid table{
	border-collapse:collapse;
	border-top: 1px solid #d9e8fb;
	border-right: 1px solid #99bbe8;
	border-bottom: 1px solid #99bbe8;
	border-left: 1px solid #99bbe8;
}
.w_DG_datagrid caption, .div_datagrid table caption{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #15428b;
	padding: 4px 5px 4px 12px;
	border: 1px solid #99bbe8;
	background: url(../images/e-academia_dg_caption_fundo.gif) repeat-x;
	margin: 0px;
	text-align: left;
}
/* Estilo aplicado as tds do cabecalho da tabela*/
.w_DG_datagrid th, .w_DG_datagrid .tabela_cabecalho th, .tabela_cabecalho td, .div_datagrid table th {
	padding: 4px;
	text-align: left;
	background: #f0f0f0 url(../images/e-academia_dg_th_fundo.gif) repeat-x;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	border-left: 1px solid #FFFFFF;
	border-collapse:collapse;
}
/* Estilo aplicado as tds da tabela*/
	.w_DG_datagrid td, .div_datagrid table td {
	padding: 7px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #E4E4E4;
	border-left: 1px solid #FFFFFF;
	}
	/* Cor alternativa da row(linha) da tavela*/
	.w_DG_datagrid .tabela_alternate {background-color: #F9FDFF;	}
	.w_DG_datagrid tbody tr:hover, .tabela_hover {
		background-color: #FFCC99;
	}
/* Estilo aplicado ao rodape na tabela da tabela*/
.w_DG_datagrid tfoot td, .w_DG_datagrid .tabela_rodape td, .div_datagrid table tfoot td {
	background-color: #f3f3f3;
	padding: 7px;
	border: 1px solid #EEEEEE;
}
/*------------------------------FIM Table--------------------------------------------------*/

/*------------------------------DATAGRID--------------------------------------------------*/
.wl_table {
	border-collapse:collapse;
}
.wl_table caption{
	background-color: #e7e7e7;
	border: 1px solid #ECE9D8;
	padding: 4px 4px 4px 20px;
	text-align: left;
}
/* Estilo aplicado as tds do cabecalho da tabela*/
.wl_table th, .wl_table .tabela_cabecalho th, .tabela_cabecalho td  {
	padding: 2px;
	border: 1px solid #E9E9E9;
	text-align: left;
	background: #F9F9F9;
	font-weight: bold;
}
/* Estilo aplicado as tds da tabela*/
	.wl_table td {
		padding: 7px;
		border: 1px solid #E4E4E4;
	}
	/* Cor alternativa da row(linha) da tavela*/
	.wl_table .tabela_alternate {
	background-color: #f8f8f8;
}
	/*.wl_table tbody tr:hover {
		background-color: #FF9966;
	}*/
/* Estilo aplicado ao rodape na tabela da tabela*/
.wl_table tfoot td, .wl_table .tabela_rodape td {
	background-color: #f3f3f3;
	padding: 7px;
	border: 1px solid #EEEEEE;
}
/*------------------------------FIM Table--------------------------------------------------*/
/*-------------------Paginação e data grid------------------------------------------------*/
.w_DG_paginacao{
	text-align: left;
	margin: 10px 0px 0px;
	padding: 10px 0px 0px;
}
.w_DG_paginacao a{
	font-weight: bold;
	color: #CC6600;
	margin-right: 5px;
	margin-left: 5px;
}
.w_DG_paginacao a:hover {	
	text-decoration:underline;
	color:#006600;
	margin-right: 5px;
	margin-left: 5px;
}
.w_DG_paginacao_atual  {
/*pra fazer funcionar aqui usar o !important no final*/
	color: #FF0000 !important;
	text-decoration:underline !important;
}

	/*Tooltip style*/
	.wl_tooltip_style {	
	background:#90B329;
	background:#069;
	border: 1px solid #96B9F3;
	-moz-border-radius:3px;
	color:#fff;
	padding:6px;	
		}
	.wl_tooltip{}
	
		/*wl_tooltip*/

/*BOTOES PARA A TAG INPUT*/
 	.btn{
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #828282;
	border-bottom: 1px solid #828282;
	border-left: 1px solid #e6e6e6;
	text-align: center;
	padding-right: 20px;
	padding-left: 25px;
	padding-bottom:02px;
	height:24px !important;
	background: url(css_images/bt_fundo.gif);
	font: 11px Arial, Helvetica, sans-serif;
	
	/*IE HACK*/
	*padding-right: 0px;
	*padding-left: 12px;
	*padding-bottom:00px;
	/*padding: 0px 12px 0px 0px*/
	}
	
	a.btn{
	padding: 4px 10px 4px 28px !important;
	color: #333;
	text-decoration: none;
		}
	
	
	
	.btn:hover{	border: 1px solid #FF9900;}
	.btn:focus{	border: 1px solid #0099CC;}
	
 	.btn_search,btn_pesquisar{background: #F0F0F0 url(../css/css_images/btn_busca.gif) no-repeat !important;}
	.btn_ok{background: #F0F0F0 url(../css/css_images/btn_ok.gif) no-repeat !important;}
	.btn_deletar{background: #F0F0F0 url(../css/css_images/btn_deletar.gif) no-repeat !important;}
	.btn_calendario{background: #F0F0F0 url(../css/css_images/btn_calendario.gif) no-repeat !important;}
	.btn_negado{background: #F0F0F0 url(css_images/btn_proibido.gif) no-repeat !important;}
	.btn_salvar{background: #F0F0F0 url(../css/css_images/btn_disquete.gif) no-repeat !important;}
	.btn_email{	background: #F0F0F0 url(css_images/btn_envelope.gif) no-repeat !important;}
	.btn_interrogacao{	background: #F0F0F0 url(../css/css_images/btn_interrogacao.gif) no-repeat !important;}
	.btn_home{background: #F0F0F0 url(../css/css_images/btn_home.gif) no-repeat !important;}
	.btn_info{background: #F0F0F0 url(../css/css_images/btn_info.gif) no-repeat !important;}
	.btn_chave{background: #F0F0F0 url(../css/css_images/btn_key.gif) no-repeat !important;}
	.btn_jornal{	background: #F0F0F0 url(../css/css_images/btn_jornal.gif) no-repeat !important;}
	.btn_lock,.btn_cadeadro{background: #F0F0F0 url(../css/css_images/btn_cadeadro.gif) no-repeat !important;}
	.btn_lock_off, .btn_cadeadro_aberto{background: #F0F0F0 url(../css/css_images/btn_cadeadro_aberto.gif) no-repeat !important;}
	.btn_avancar{	background: #F0F0F0 url(../css/css_images/btn_continuar.gif) no-repeat !important;}
	.btn_voltar{	background: #F0F0F0 url(../css/css_images/btn_voltar.gif) no-repeat !important;}
	
	.btn_anexar{	background: #F0F0F0 url(../css/css_images/btn_anexar.gif) no-repeat !important;}
	.btn_calcular{	background: #F0F0F0 url(../css/css_images/btn_calculadora.gif) no-repeat !important;}
	.btn_limpar{	background: #F0F0F0 url(../css/css_images/btn_deletar_pagina.gif) no-repeat !important;}
	.btn_link{	background: #F0F0F0 url(../css/css_images/btn_link.gif) no-repeat !important;}
	.btn_add{	background: #F0F0F0 url(../css/css_images/btn_add.gif) no-repeat !important;}
	.btn_edit, .btn_editar{	background: #F0F0F0 url(../css/css_images/btn_edit.gif) no-repeat !important;}
	.btn_relogio, .btn_tempo{	background: #F0F0F0 url(../css/css_images/btn_relogio.gif) no-repeat !important;}
	.btn_olho, .btn_visualizar{	background: #F0F0F0 url(../css/css_images/btn_olho.gif) no-repeat !important;}
	.btn_star, .btn_favorito, .btn_estrela{	background: #F0F0F0 url(../css/css_images/btn_estrela.gif) no-repeat !important;}
	.btn_globo, .btn_mundo{	background: #F0F0F0 url(../css/css_images/btn_globo.gif) no-repeat !important;}
	
	/*apenas para icones*/
	.ico{
		padding:0px;
		width:27px;
		}
	
	a.ico{
		padding-left:13px !important;
		padding-right:13px !important;
		
		}
	

	
	
	
	/* WL padroes*/
		pre	{
	margin: 10px 40px 5px;
	background: #F2F2F2 url(../css/css_images/html.png) no-repeat 10px 12px;
	border: 1px dotted #999999;
	padding: 10px 10px 10px 35px;
	font: 11px/16px "courier new";
}
		
		.texto{
	margin: 15px 40px 5px;
	line-height: 24px;
	
}
.texto *{
	line-height: 18px;
	font-size: 12px;
	text-align: justify;
}
		.info{	margin: 10px 40px 5px;
				line-height: 18px;
				background: #e6f4ff url(../css/css_images/information.png) no-repeat 10px 12px;
				border: 1px solid #91cfff;
				padding: 10px 10px 10px 35px;}
		.alert, .alerta{margin: 15px 40px 5px;	line-height: 18px; background: #ffe6e6 url(../css/css_images/exclamation.png) no-repeat 10px 12px;	border: 1px solid #ff9191;padding: 10px 10px 10px 35px; }
		.erro, .error{
	margin: 15px 40px 5px;
	line-height: 18px;
	background: #F7FAC0 url(../css/css_images/error.png) no-repeat 10px 12px;
	border: 1px solid #D7D700;
	padding: 10px 10px 10px 35px;
}
	.ok {
		margin: 10px 40px 5px;
		line-height: 18px;
		background: #EAFFE6 url(css_images/tick.png) no-repeat 10px 12px;
		border: 1px solid #009900;
		padding: 10px 10px 10px 35px;
	}
		
		/*ANEXOS*/
	/*.anexo{
	padding: 6px 4px 6px 25px;
	background: url(../css/css_images/page_white_word.png) no-repeat 5px 10px;
}*/
	.anexo a[href $=".DOC"],.anexo a[href $=".doc"],.anexo a[href $=".docx"], .anexo a[href $=".DOCX"] {
		padding: 6px 4px 6px 20px; 
		background: url(../css/css_images/page_white_word.png) no-repeat 0px 4px;
		*background: url(../css/css_images/page_white_word.png) no-repeat 10px 3px;
		}
	.anexo a[href $=".mp3"],.anexo a[href $=".MP3"] {
		padding: 6px 4px 6px 28px; 
		background: url(../css/css_images/sound.png) no-repeat 10px 5px;
		*background: url(../css/css_images/sound.png) no-repeat 10px 5px;
		
		
		}
	.anexo a[href $=".PDF"],.anexo a[href $=".pdf"]{
		padding: 6px 4px 6px 20px;
		background: url(../css/css_images/page_white_acrobat.png) no-repeat 0px 4px;
		*background: url(../css/css_images/page_white_acrobat.png) no-repeat 10px 3px;
		}
	.anexo a[href $=".XLS"],.anexo a[href $=".xls"]{
		padding: 6px 4px 6px 20px; 
		background: url(../css/css_images/page_white_excel.png) no-repeat 0px 4px;
		*background: url(../css/css_images/page_white_excel.png) no-repeat 10px 4px;
		}
	.anexo a[href $=".ZIP"],.anexo a[href $=".zip"]{
		padding: 6px 4px 6px 20px; 
		background: url(../css/css_images/page_white_zip.png) no-repeat 0px 4px;
		*background: url(../css/css_images/page_white_zip.png) no-repeat 10px apx;
		}
	.anexo a[href $=".ppt"],.anexo a[href $=".PPT"],.anexo a[href $=".pptx"],.anexo a[href $=".PPTX"]{
		padding: 6px 4px 6px 20px;
		background: url(../css/css_images/page_white_powerpoint.png) no-repeat 0px 4px;
		*background: url(../css/css_images/page_white_powerpoint.png) no-repeat 10px apx;
	}
	
	/*Zebra alternado*/
/* EXAMPLE 01 */

.wl_zebra{
	background: #E8F4FD;
}
	/*WL collors, para ser usado em datagrid*/
	.wl_colors .n1{color:#039;}
	.wl_colors .n2{color: #063;}
	.wl_colors .n3{color:#C30;}
	.wl_colors .n4{color:#663;}
	.wl_colors .n5{color:#060;}
	.wl_colors .n6{color:#AC29AF;}
	.wl_colors .n7{color:#06C}
	.wl_colors .n8{color:#C06}
	.wl_colors .n9{color:#333}
	.wl_colors .n10{color:#F60}
	.wl_colors .n11{color:#633}
	.wl_colors .n12{color:#690}
	.wl_colors .n13{color:#306}