﻿/* Início da miscelanea */
.MarcadorListaPaginaAjuda
{
	list-style-image: url('imgs/marcador_seta.png'); 
	line-height: 18px;
}

.AjudaTxtMensagem
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 500px; 
	height: 85px; 
	word-wrap: break-word;
}

.AjudaErroFaleConosco 
{	
	color: Red;
}

.AutorizacaoTable
{
	background-color: White
}

.linhaAzul
{
    background-color: #E7F2FA;
    padding-top: 5px;
    padding-bottom: 5px;
    clear: both;    
    display:block;
    height: 22px;
}

.linhaBranca
{
    padding-top: 5px;
    padding-bottom: 5px;
    clear: both;    
    display:block;
    height: 22px;
}

.alter tr td
{
    background-color: #fff;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-left-width: 1px;
}

.alter tr.dif td
{
    background-color: #E7F2FA;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #E7F2FA;
    border-left-width: 1px;
}

.LugarExibirEstrelas
{
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: Silver;
	padding-left: 2px;	
}

.TbInformacoes
{
    width: 100%;
}
.TbInformacoes div
{
    font-size: 12px;
    float: left;
    width: 49%;
}

.ProgressTemplate
{
	font-weight: bold; 
	color: #FFF
}

.SaibaMais
{
	cursor: pointer!important; 
	text-decoration: none;
    font-size: 11px; 
    cursor: hand; 
    color: #0064A7;
}

.DivErroConvidarAmigos
{
	empty-cells: hide; 
	color: red;
}

.FundoCategoriaLugar
{
	background-color: #e5e5e5;
}

.Erro
{
	color: Red;
}

.Sucesso
{
	color: #0064a7
}

.DefaultTitulo
{
	font-size: large; 
	color: #FFFFFF; 
	text-transform: uppercase;
}

.DefaultBrowsers
{
	width: 200px; 
	height: 65px; 
	overflow-y: hidden; 
	color: #FFFFFF;
	margin-top: 50px; 
	float: left; 
	text-align: center	
}

.DefaultFailureText
{
	color: Red; 
	background-color:Silver;
}

.DefaultTxtUserName
{
	color: #0064a7; 
	font-size: 11px;
	font-weight: bold;
}

.DefaultTxtPassword
{
	color: #df8400;
	font-size: 13px; 
	font-weight: bold;
}

.DefaultEntreAgora
{
	font-size: x-small; 
	color: #666!important;
	cursor: pointer;
}

.CadastrarTermoUsoServico
{
	cursor: pointer!important; 
	text-decoration: none;
	font-size: 11px; 
	cursor: hand; 
	color: #0064A7;
}

.CaixaMenuLateralEvento_txtJustificativa
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 260px; 
	height: 120px; 
	word-wrap: break-word;
}

.CaixaMenuLateralLugar_txtJustificativa
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
    overflow: hidden; 
    width: 260px; 
    height: 120px; 
    word-wrap: 
    break-word; 
}

.CaixaMenuLateralLugar_txtJustificativa
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 260px; 
	height: 120px; 
	word-wrap: break-word;
}

.CadastrarEventoTxtData_CalendarExtender .ajax__calendar_container
{
    position: absolute;
    cursor: default;
    width: 200px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
    background-color: #FFFFFF;
    border: 1px solid #646464;
}

.CadastrarEventoTxtData_CalendarExtender .ajax__calendar_body
{
    width: 190px;
}

.MuralTxtMensagem
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 400px; 
	height: 70px; 
	word-wrap: break-word;
}

.ComentarLugarTxtSeuComentario
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 500px; 
	height: 85px; 
	word-wrap: break-word;
}

.CorrigirUnidadeTxtJustificativa
{
	color:#666666; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:11px;
	overflow:hidden; 
	height:60px; 
	word-wrap: break-word;
}

.ExcluirUnidadeTxtJustificativa
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 500px; 
	height: 60px; 
	word-wrap: break-word;
}

.ExibirSolicitacaoDivAlteracao
{
    margin: 15px;
}
.ExibirSolicitacaoDivAlteracao .de
{
    margin: 5px;
    color: Red;
}
.ExibirSolicitacaoDivAlteracao .para
{
    margin: 5px;
    color: Green;
}
.ExibirSolicitacaoDivAlteracao div
{
    width: 100%;
    margin-bottom: 5px;
}
.ExibirSolicitacaoDivAlteracao div div
{
    width: 47%;
    float: left;
    margin-left: 5px;
}
.ExibirSolicitacaoDivAlteracao .deparaheader
{
    color: Black;
    font-weight: bold;
}

.PerfilMembroDesde
{
	width: 200px; 
	height: 28px; 
	background-color: #A3A3A3; 
	color: #ffffff;
}

.PerfilTituloInformacoes
{
	color: #CF800A;
}

.PerfilInformacoesAltenatingTemplate
{
	background-color: #F0F0F0; 
}

.RecadosTxtMensagem
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 400px; 
	height: 70px; 
	word-wrap: break-word;
}

.AjudaTxtMensagem
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 500px; 
	height: 85px; 
	word-wrap: break-word;
}

.ContatosImportadosAlternatingItemTemplate
{
	width: 90%; 
	margin: 5px; 
	clear: both; 
	background-color: #FAFAFA;
}

.MeusRecadosTxtMensagem
{
	color: #666666; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 11px;
	overflow: hidden; 
	width: 400px; 
	height: 70px; 
	word-wrap: break-word;
}
/* Fim da miscelanea */

body
{
    position: relative;
    text-align: center;
    width: 980px;
    margin: auto;
    background-image: url(../imgs/MasterPagePrincipal/fundo.gif);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #484848;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666;
}

a
{
    text-decoration: none !important;
}

a:link, a:visited
{
    text-decoration: underline;
    color: #0064a7;
    font-size: 12px;
}

a:active, a:hover
{
    color: #d07900;
    font-size: 12px;
}

a.principal:link, a.principal:visited
{
    font-size: 12px;
    font-weight: bold;
}

a.menu:link, a.menu:visited
{
    text-decoration: underline;
    color: #0064a7;
    font-size: 12px;
    font-style: normal;
}

a.menu:active, a.menu:hover
{
    color: #d07900;
    font-size: 12px;
    font-style: normal;
}

a.pequenolink:link, a.pequenolink:visited
{
    text-decoration: underline;
    color: #0064a7;
    font-size: xx-small;
    font-style: normal;
}

a.pequenolink:active, a.pequenolink:hover
{
    color: #d07900;
    font-size: xx-small;
    font-style: normal;
}

.editarFoto a
{
    text-decoration: none !important;
    color: #d07900;
    font-weight: bold;
}
.editarFoto a:link, .editarFoto a:visited
{
    text-decoration: underline;
    color: #d07900;
    font-size: 12px;
}

.editarFoto a:active, .editarFoto a:hover
{
    color: #0064a7;
    font-size: 12px;
}

h1
{
    margin: 0px 0px 0px 0px;
    color: #d07900;
    font-size: 22px;
    font-weight: bold;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

h2
{
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

h3
{
    margin: 0px 0px 0px 0px;
    color: #d07900;
    font-weight: bold;
    font-size: 15px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

h3 span
{
    font-size: 10px;
}

h4
{
    margin: 0px 0px 0px 0px;
    color: #d07900;
    font-weight: bold;
    font-size: 15px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

img
{
    border: 0px;
}

input, select, textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    vertical-align: middle;
    margin-right: 0px;
}

input.erro, select.erro
{
    border: 1px solid red;
    background-color: #FFDDDD;
}

span.erro
{
    clear: both;
    color: red;
    display: block;
}

label
{
    font-weight: bold;
    font-size: 11px;
    margin-right: 5px;
    text-align: left;
}

p
{
    font-size: 12px;
    margin: 0px 0px 10px 0px;
}

.linha
{
    width: 521px;
    height: 15px;
    margin-bottom: 10px;
    clear: both;
}

.inline
{
    margin-left: 10px;
}

.botao_flutuante
{
    position: absolute;
    top: 20px;
    right: 25px;
    left: 416px;
}

.botao_flutuante_coluna_esquerda
{
    position: absolute;
    top: 20px;
    right: 25px;
    left: 140px;
}

.thumbnail_info
{
    padding-bottom: 5px;
    float: left;
    font-size: 10px;
}

.menu_lateral_direita
{
    padding-left: 15px;
    margin: 0px;
}

.menu_lateral_direita li
{
    font-size: 12px;
    line-height: 20px;
    list-style: none;
}

table
{
    display: inline;
}

h1 a
{
    color: #d07900 !important;
    font-size: 22px !important;
    margin: 0px !important;
    font-weight: bold !important;
    font-family: Geneva, Arial, Helvetica, sans-serif !important;
}

.linhaatualizacaoalternada, .linhaatualizacao
{
    display: block;
    float: left;
    width: 510px;
    overflow: hidden;
}

.linhaatualizacaoalternada .imagem, .linhaatualizacao .imagem
{
    display: inline;
    width: 16px;
    height: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    float: left;
}

.linhaatualizacaoalternada .texto, .linhaatualizacao .texto
{
    display: inline;
    margin-top: 3px;
    margin-bottom: 3px;
    float: left;
}

.ajax_autocomplete
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    list-style-type: none;
    color: #0673DF !important;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF !important;
    border-style: solid;
    border-color: Gray;
    border-width: 1px;
    text-align: left !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

.ajax_autocomplete_item
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    list-style-type: none;
    color: #0673DF !important;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF !important;
    text-align: left !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

.ajax_autocomplete_selected
{
    background-color: #ABD7F8;
    color: #000000;
    text-align: left !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

.MasterPagePrincipal
{
    position: relative;
    top: 5px;
    margin: auto;
    padding: 0px;
    font-size: 12px;
    width: 980px;
    text-align: left;
}

.MasterPagePrincipal_logo
{
    float: left;
    position: relative;
    left: -8px;
    height: 130px;
    width: 207px;
}

.MasterPagePrincipal_topo
{
    float: left;
    width: 770px;
    height: 31px;
    position: relative;
    clear:right;
}

.MasterPagePrincipal_topo_localizacao
{
	float: right;
}

.MasterPagePrincipal_topo_localizacao a:link, .MasterPagePrincipal_topo_localizacao a:visited
{
    color: #df8400;
}

.MasterPagePrincipal_topo_localizacao a:active, .MasterPagePrincipal_topo_localizacao a:hover
{
    color: #fff;
}

.MasterPagePrincipal_sair
{
    background-color: #444;
    padding: 5px 10px 5px 5px;
    color: #df8400;
    font-size: 10px !important;
    float: right;
}
.MasterPagePrincipal_sair input
{
    height: 20px !important;
    width: 60px !important;
}

.MasterPagePrincipal_menu
{
    left: 0px;
    float: left;
    height: 103px;
    width: 770px! important;
    vertical-align:top;
}

.MasterPagePrincipal_menu img
{
    float: left;
    width: 99px;
    height: 99px;
    padding: 2px;
    margin-left: 20px;
}

.MasterPagePrincipal_colunas
{
    left: 0px;
    float: left;
    width: 980px;
}

.MasterPagePrincipal_colunaEsquerda
{
    float: left;
    margin: 0px;
    margin-right: 2px;
    padding: 0px;
    width: 195px;
    overflow-x: hidden;
    min-height: 10px;
    clear: left;
}

.MasterPagePrincipal_colunaMeio
{
    float: left;
    margin: 0px;
    margin-right: 2px;
    padding: 0px;
    width: 541px;
    min-height: 10px;
}

.MasterPagePrincipal_colunaMeio_Grande
{
    float: left;
    margin: 0px;
    margin-right: 2px;
    padding: 0px;
    width: 781px;
    min-height: 10px;
}

.MasterPagePrincipal_colunaDireita
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 240px;
    min-height: 10px;
}

.MasterPagePrincipal_rodape
{
    width: 980px;
    clear: both;
    height: 30px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
}

.MasterPagePrincipal_rodape .Conteudo_ajuda
{
    padding: 2px 0px 0px 0px;
    max-width:980px;
    border-top: 1px solid #999;
    text-align: center;
}

.MasterPagePrincipal_rodape .Conteudo_ajuda a
{
    color: #e5e5e5 !important;
    font-size: 12px !important;
}

.MasterPagePrincipal_rodape .Conteudo_ajuda a:hover
{
    color: #d07900 !important;
}

.mouseover a
{
    font-weight: bold;
}
.mouseover_conteudo hr
{
    width: 177px;
}
.mouseover_conteudo strong
{
    color: #c60;
    font-weight: bolder;
}
.mouseover_conteudo strong
{
    font-weight: bold;
}
#progressBackgroundFilter
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

#processMessage
{
    position: absolute;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 1001;
    background-color: #fff;
}
#AlertaVisualizacao
{
    background-color: #EC8D00;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top: 2px;
    margin-bottom: 5px;
}
#AlertaVisualizacao p
{
    margin: 2px;
    color: White;
    font-weight: bold;
}

.menscel
{    width: 500px;
}
.menscel .envolocro
{
    margin: 10px;
    float: left;
    width: 138px;
}
.menscel .superior
{
    height:10px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 2px;
    background-color: #A9D9EF;
}
.menscel .conteudo
{
    border-style: solid;
    border-width: thin;
    border-color: #A9D9EF #A9D9EF #75BDD6 #A9D9EF;
    height: 65px;
    vertical-align: middle;
}
.menscel .conteudo p
{
    vertical-align: middle;
}
.menscel .inferior
{
    height: 15px;
    background-color: #75BDD6;
}

.linhadata
{
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #eaeaea;
    margin: 5px;
}
.linhadata p
{
    font-size: 14px;
    font-weight: bold;
    color: #c60;
    padding:0;
    margin:0;
}

.linhaatualizacao
{
    background-color: #e5e5e5;
    padding: 3px 0px 3px 0px;
    margin: 1px;
}
.linhaatualizacao a
{
    font-weight: bold;
}
.linhaatualizacaoalternada
{
    padding: 3px 0px 3px 0px;
    margin: 1px;
}
.linhaatualizacaoalternada a
{
    font-weight: bold;
}

/* Estilos referentes à página MinhasFotos.aspx */

.FormUploadFoto 
{
	float: left; 
	width: 325px;	
}

.FormUploadFoto div 
{
	float: left; 
	width: 100%;
}

.FormUploadFoto .Alternado
{
	background-color: #F8F8F8;
}

.FormUploadFoto .Linha
{
	padding: 3px 0px 0px 3px; 
	float: left; 
	width: 100%;
}

.FormUploadFoto .Linha .NomeCampo 
{
	margin-right: 5px;
	text-align: right;
	float: left; 
	font-weight: bold; 
	width: 110px;
}

.FormUploadFoto .Linha .Campo
{
	float: left;
	width: 210px;
}

textarea {
	resize: none; 
}

/* Início dos estilos dos componentes... */

/***********************************************************
 Inicio: Estilo da caixa sobre o usuário da coluna esquerda
 ***********************************************************/
.CaixaSobreUsuario
{
    margin: 0px;
    padding: 0px;
    width: 195px;
    /*height: 280px;*/
    float: left;
}

.CaixaSobreUsuario_degrade
{
    background-image: url("../imgs/Componentes/CaixaSobreUsuario/bg_perfil.jpg");
    background-color: #e0e0e0;
    background-repeat: repeat-x;
    height: 280px;
    background-position: top right;
    width: 195px;
}

.CaixaSobreUsuario_bordaInferior
{
    float: left;
    background-image: url( "../imgs/Componentes/CaixaSobreUsuario/bordaInferior.gif" );
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 280px;
    width: 195px;
}

.CaixaSobreUsuario_fotoPerfil
{
    position: relative;
    height: 124px;
    width: 124px;
    left: 24px;
    margin: 10px;
    padding: 0px;
}

.CaixaSobreUsuario_bordaFotoPerfil
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../imgs/Componentes/CaixaSobreUsuario/foto_perfil_borda.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 134px;
    height: 134px;
}

.CaixaSobreUsuario_texto
{
    position: relative;
    height: 34px;
    width: 195px;
    left: 24px;
    margin: 10px;
}
/***********************************************************
 Fim: Estilo da caixa sobre o usuário da coluna esquerda
 ***********************************************************/

/***********************************************************
 Inicio: Estilo da caixa informe a localidade da coluna esquerda
 ***********************************************************/
.CaixaInformeLocalidade
{
    margin: 0px;
    padding: 0px;
    width: 200px;
    float: left;
}

.CaixaInformeLocalidade_bordaInferior
{
    background-color: White;
    background-image: url('../imgs/Componentes/CaixaInformeLocalidade/bordaInferior.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
    padding-bottom: 20px;
    width: 175px;
    float: left;
}

.CaixaInformeLocalidade_bordaInferiorFim
{
    background-color: White;
    background-image: url('../imgs/Componentes/CaixaInformeLocalidade/bordaInferiorFim.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
    padding-bottom: 20px;
    width: 175px;
    float: left;
}

.CaixaInformeLocalidade a:link, .CaixaMenuLateral a:visited
{
    text-decoration: underline;
    color: #0064a7;
}

.CaixaInformeLocalidade a:active, .CaixaMenuLateral a:hover
{
    color: #d07900;
}


/***********************************************************
 Fim: Estilo da caixa informe a localidade da coluna esquerda
 ***********************************************************/

/***********************************************************
 Inicio: Estilo da caixa que contém apenas o slogan do Toaí
 ***********************************************************/
.CaixaSloganToai
{
    margin: 0px;
    padding: 0px;
    width: 195px;
    float: left;
}

.CaixaSloganToai_degrade
{
    background-image: url("../imgs/Componentes/CaixaSloganToai/bg_perfil.jpg");
    background-color: #e0e0e0;
    background-repeat: repeat-x;
    height: 40px;
    background-position: top right;
    width: 195px;
}

.CaixaSloganToai_bordaInferior
{
    float: left;
    background-image: url( "../imgs/Componentes/CaixaSloganToai/bordaInferior.gif" );
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 40px;
    width: 195px;
}

.CaixaSloganToai_texto
{
    position: relative;
    height: 35px;
    width: 175px;
    margin: 10px 10px 10px 10px;
}
/***********************************************************
 Inicio: Estilo da caixa que contém apenas o slogan do Toaí
 ***********************************************************/

/***********************************************************
 Inicio: Estilo da caixa sobre o lugar da coluna esquerda
 ***********************************************************/
.CaixaSobreLugar
{
    margin: 0px;
    padding: 0px;
    width: 195px;
    height: 270px;
    float: left;
}

.CaixaSobreLugar_degrade
{
    background-image: url("../imgs/Componentes/CaixaSobreLugar/bg_perfil.jpg");
    background-color: #e0e0e0;
    background-repeat: repeat-x;
    background-position: top right;
    width: 195px;
    height: 270px;
}

.CaixaSobreLugar_bordaInferior
{
    float: left;
    background-image: url( "../imgs/Componentes/CaixaSobreLugar/bordaInferior.gif" );
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 195px;
    height: 270px;
}

.CaixaSobreLugar_fotoPerfil
{
    position: relative;
    height: 124px;
    width: 124px;
    left: 24px;
    margin: 10px;
    padding: 0px;
}

.CaixaSobreLugar_bordaFotoPerfil
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../imgs/Componentes/CaixaSobreLugar/foto_perfil_borda.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 134px;
    height: 134px;
}

.CaixaSobreLugar_texto
{
    position: relative;
    height: 34px;
    width: 124px;
    left: 24px;
    margin: 10px;
}
/***********************************************************
 Fim: Estilo da caixa sobre o lugar da coluna esquerda
 ***********************************************************/

/***********************************************************
 Inicio: Estilo da caixa sobre o lugar da coluna esquerda
 ***********************************************************/
.CaixaSobreEvento
{
    margin: 0px;
    padding: 0px;
    width: 195px;
    height: 270px;
    float: left;
}

.CaixaSobreEvento_degrade
{
    background-image: url("../imgs/Componentes/CaixaSobreLugar/bg_perfil.jpg");
    background-color: #e0e0e0;
    background-repeat: repeat-x;
    background-position: top right;
    width: 195px;
    height: 270px;
}

.CaixaSobreEvento_bordaInferior
{
    float: left;
    background-image: url( "../imgs/Componentes/CaixaSobreLugar/bordaInferior.gif" );
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 195px;
    height: 270px;
}

.CaixaSobreEvento_fotoPerfil
{
    position: relative;
    height: 124px;
    width: 124px;
    left: 24px;
    margin: 10px;
    padding: 0px;
}

.CaixaSobreEvento_bordaFotoPerfil
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../imgs/Componentes/CaixaSobreLugar/foto_perfil_borda.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 134px;
    height: 134px;
}

.CaixaSobreEvento_texto
{
    position: relative;
    height: 34px;
    width: 124px;
    left: 24px;
    margin: 10px;
}
/***********************************************************
 Fim: Estilo da caixa sobre o lugar da coluna esquerda
 ***********************************************************/

/***********************************************************
 Inicio: Estilo da caixa do menu lateral esquerdo
 ***********************************************************/
.CaixaMenuLateral
{
    margin: 0px;
    padding: 0px;
    width: 195px;
    float: left;
}

.CaixaMenuLateral_bordaInferior
{
    background-color: White;
    background-image: url('../imgs/Componentes/CaixaMenuLateral/bordaInferior.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
    padding-bottom: 20px;
    width: 175px;
    float: left;
}

.CaixaMenuLateral_bordaInferiorFim
{
    background-color: White;
    background-image: url('../imgs/Componentes/CaixaMenuLateral/bordaInferiorFim.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
    padding-bottom: 20px;
    width: 175px;
    float: left;
}

.CaixaMenuLateral ul
{
    padding-top: 10px;
    padding-left: 15px;
    margin: 0px;
}

.CaixaMenuLateral li
{
    font-size: 12px;
    line-height: 22px;
    list-style: none;
    margin-left: 2px;
}

.CaixaMenuLateral .Confirmado a
{
    height: 18px;
    float: left;
    padding-left: 23px;
    background: url(../imgs/Icones/Evento/icon_confirmados.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Confirmado a:hover
{
    height: 18px;
    float: left;
    padding-left: 23px;
    background: url(../imgs/Icones/Evento/icon_confirmados.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Mural a
{
    height: 18px;
    float: left;
    padding-left: 23px;
    background: url(../imgs/Icones/Evento/mural.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Mural a:hover
{
    height: 18px;
    float: left;
    padding-left: 23px;
    background: url(../imgs/Icones/Evento/mural.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Interessado a
{
    height: 18px;
    float: left;
    padding-left: 23px;
    background: url(../imgs/Icones/Evento/icon_interessados.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Interessado a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Evento/icon_interessados.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Meu_perfil .link a
{
    height: 18px;
    padding-left: 24px;
    float: left;
    background: url(../imgs/Icones/Inicio/icon_meu_perfil.png) no-repeat 3px 0px;
}
.CaixaMenuLateral .Meu_perfil .link a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_meu_perfil.png) no-repeat 3px 0px;
}

.CaixaMenuLateral .Meus_pontos a
{
    height: 18px;

    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_meus_pontos.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Meus_pontos a:hover
{
    height: 18px;

    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_meus_pontos.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Twitter_ico a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/twitter.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Twitter_ico a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/twitter.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Meus_amigos a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_meus_amigos.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Meus_amigos a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_meus_amigos.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Meus_eventos a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_eventos.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Meus_eventos a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_eventos.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Meus_lugares a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_meus_lugares.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Meus_lugares a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_meus_lugares.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Minhas_fotos a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_fotos.gif) no-repeat -1px 0px;
}
.CaixaMenuLateral .Minhas_fotos a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_fotos.gif) no-repeat -1px 0px;
}

.CaixaMenuLateral .Meus_recados a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_recados.png) no-repeat -1px 0px;
}
.CaixaMenuLateral .Meus_recados a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_recados.png) no-repeat -1px 0px;
}

.CaixaMenuLateral .Meus_comentarios a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_comentários.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Meus_comentarios a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_comentários.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Meus_comentarios a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_comentários.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Meus_comentarios a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_comentários.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Paquera a
{
    height: 18px;
    float: left;
    margin-left: 0px;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_paqueras.png) no-repeat -1px 0px;
}
.CaixaMenuLateral .Paquera a:hover
{
    height: 18px;
    float: left;
    margin-left: 0px;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_paqueras.png) no-repeat -1px 0px;
}

.CaixaMenuLateral .addPaquera a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_ad_paquera.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .addPaquera a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_ad_paquera.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .removePaquera a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_remove_paquera.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .removePaquera a:hover
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_remove_paquera.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Configuracoes a
{
    height: 18px;
    padding-left: 24px;
    float: left;
    background: url(../imgs/Icones/Inicio/icon_configuracoes.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Configuracoes a:hover
{
    height: 18px;
    padding-left: 24px;
    float: left;
    background: url(../imgs/Icones/Inicio/icon_configuracoes.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Traco
{
    height: 1px;
    width: 160px;
    margin-top: 10px;
    background: url(../imgs/Icones/Perfil/traco.gif) no-repeat 0px 0px;
}

.CaixaMenuLateral .Denunciar a
{
    height: 18px;
    float: left;
    padding-left: 24px;
    background: url(../imgs/Icones/Perfil/icon_denunciar.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Denunciar a:hover
{
    float: left;
    background: url(../imgs/Icones/Perfil/icon_denunciar.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Meus_amigos a
{
    height: 18px;
    padding-left: 24px;
    float: left;
    background: url(../imgs/Icones/Inicio/icon_meus_amigos.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Meus_amigos a:hover
{
    height: 18px;
    padding-left: 24px;
    float: left;
    background: url(../imgs/Icones/Inicio/icon_meus_amigos.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .addMeus_amigos a
{
    height: 18px;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_ad_amigo.png) no-repeat 3px 0px;
}
.CaixaMenuLateral .addMeus_amigos a:hover
{
    height: 18px;
    padding-left: 24px;
    background: url(../imgs/Icones/Inicio/icon_ad_amigo.png) no-repeat 3px 0px;
}

.CaixaMenuLateral .Eventos a
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Inicio/icon_eventos.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Eventos a:hover
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Inicio/icon_eventos.png) no-repeat 0px 0px;
}


.CaixaMenuLateral .Comentarios a
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Lugar/icon_comentários.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Comentarios a:hover
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Lugar/icon_comentários.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Fas a
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Lugar/icon_fas_do_lugar.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Fas a:hover
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Lugar/icon_fas_do_lugar.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Quem_esta_la a
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Lugar/icon_quemEsta.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Quem_esta_la a:hover
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Lugar/icon_quemEsta.png) no-repeat 0px 0px;
}

.CaixaMenuLateral .Quem_esteve_la a
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Lugar/icon_quemEsteve.png) no-repeat 0px 0px;
}
.CaixaMenuLateral .Quem_esteve_la a:hover
{
    height: 18px;
    float: left;
    padding-left: 25px;
    background: url(../imgs/Icones/Lugar/icon_quemEsteve.png) no-repeat 0px 0px;
}

.CaixaMenuLateral a:link, .CaixaMenuLateral a:visited
{
    text-decoration: underline;
    color: #0064a7;
}

.CaixaMenuLateral a:active, .CaixaMenuLateral a:hover
{
    color: #d07900;
}
/***********************************************************
 Fim: Estilo da caixa do menu lateral esquerdo
 ***********************************************************/

/***********************************************************
 Inicio: Estilo do botão azul do tipo linkButton
 ***********************************************************/
.LinkButtonAzul
{
    white-space: nowrap;
    display: inline;
    float: left;
    margin: 0px;
    margin-right: 10px;
    padding: 0px;
    empty-cells: show;
    height: 24px;
    overflow: hidden;
}

.LinkButtonAzul a
{
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    background-image: url(../imgs/Componentes/LinkButtonAzul/base.gif);
    background-repeat: repeat-x;
    line-height: 24px;
    text-decoration: none;
    display: inline;
    cursor: pointer;
    background-color: White;
    margin: 0px;
}

.LinkButtonAzul_bordaEsquerda
{
    margin: 0px;
    display: inline;
    float: left;
    background-image: url(../imgs/Componentes/LinkButtonAzul/bordaEsquerda.gif);
    background-position: top left;
    background-repeat: no-repeat;
    height: 24px;
    empty-cells: show;
    width: 6px;
}

.LinkButtonAzul_bordaDireita
{
    margin: 0px;
    display: inline;
    float: left;
    background-image: url(../imgs/Componentes/LinkButtonAzul/bordaDireita.gif);
    background-repeat: no-repeat;
    background-position: top right;
    height: 24px;
    empty-cells: show;
    width: 6px;
}
/***********************************************************
 Fim: Estilo do botão azul do tipo linkButton
 ***********************************************************/

/***********************************************************
 Inicio: Estilo do botão azul do tipo hyperLinkAzul
 ***********************************************************/
.HyperLinkAzul
{
    white-space: nowrap;
    display: inline;
    float: left;
    margin: 0px;
    margin-right: 10px;
    padding: 0px;
    empty-cells: show;
    height: 24px;
    overflow: hidden;
}

.HyperLinkAzul a
{
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    background-image: url(../imgs/Componentes/LinkButtonAzul/base.gif);
    background-repeat: repeat-x;
    line-height: 24px;
    text-decoration: none;
    display: inline;
    cursor: pointer;
    background-color: White;
    margin: 0px;
}

.HyperLinkAzul_bordaEsquerda
{
    margin: 0px;
    display: inline;
    float: left;
    background-image: url(../imgs/Componentes/LinkButtonAzul/bordaEsquerda.gif);
    background-position: top left;
    background-repeat: no-repeat;
    height: 24px;
    empty-cells: show;
    width: 6px;
}

.HyperLinkAzul_bordaDireita
{
    margin: 0px;
    display: inline;
    float: left;
    background-image: url(../imgs/Componentes/LinkButtonAzul/bordaDireita.gif);
    background-repeat: no-repeat;
    background-position: top right;
    height: 24px;
    empty-cells: show;
    width: 6px;
}
/***********************************************************
 Fim: Estilo do botão azul do tipo hyperLinkAzul
 ***********************************************************/

/***********************************************************
 Inicio: Estilo da caixa de mensagem do sistema
 ***********************************************************/
.CaixaMensagemSistema
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
}

.CaixaMensagemSistema_bordaInferior
{
    background-image: url(../imgs/Componentes/CaixaMensagemSistema/bordaEsqInf.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: White;
    margin: 0px;
    padding: 0px;
    width: 541px;
    float: left;
}

.CaixaMensagemSistema_bordaSuperior
{
    background-image: url(../imgs/Componentes/CaixaMensagemSistema/bordaDirSup.gif);
    background-position: right top;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    width: 541px;
    float: left;
}

.CaixaMensagemSistema_bordaConteudo
{
    margin: 0px;
    padding: 10px;
    width: 541px;
    float: left;
    font-size: 11px;
    font-size: 11px;
}
/***********************************************************
 Fim: Estilo da caixa de mensagem do sistema
 ***********************************************************/

/***********************************************************
 Inicio: Estilo das bordas brancas da coluna esquerda
 ***********************************************************/
.CaixaBrancaEsquerda
{
    margin: 0px;
    padding: 0px;
    width: 195px;
    float: left;
}

.CaixaBrancaEsquerda_bordaInferior
{
    background-color: White;
    background-image: url(../imgs/Componentes/Modelos/CaixaBrancaEsquerda/bordaInferior.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
    width: 175px;
    float: left;
}

.CaixaBrancaEsquerda_bordaInferiorFim
{
    background-color: White;
    background-image: url(../imgs/Componentes/Modelos/CaixaBrancaEsquerda/bordaInferiorFim.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0px;
    padding: 10px;
    width: 175px;
    float: left;
}
/***********************************************************
 Fim: Estilo das bordas brancas da coluna esquerda
 ***********************************************************/

/***********************************************************
 Inicio: Estilo das bordas brancas da coluna do meio
 ***********************************************************/
.CaixaBrancaMeio
{
    margin: 0px;
    padding: 0px;
    width: 541px;
    float: left;
}

.CaixaBrancaMeio_bordaInferior
{
    background-image: url(../imgs/Componentes/Modelos/CaixaBrancaMeio/bordaEsqInf.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: White;
    line-height: 160%;
    margin: 0px;
    padding: 0px;
    width: 541px;
    float: left;
}

.CaixaBrancaMeio_bordaSuperior
{
    background-image: url(../imgs/Componentes/Modelos/CaixaBrancaMeio/bordaDirSup.gif);
    background-position: right top;
    background-repeat: no-repeat;
    line-height: 160%;
    padding: 10px;
    width: 521px;
    float: left;
}
/***********************************************************
 Fim: Estilo das bordas brancas da coluna do meio
 ***********************************************************/

/***********************************************************
 Início: Estilo dos formulários de entrada de dados 
 ***********************************************************/
table.formulario
{
    width: 521px;
}

table.formulario tr
{
    width: 100%;
    margin-top: 10px;
}

table.formulario td
{
    padding-bottom: 6px;
    vertical-align: middle;
}

table.formulario td.formulario_titulo
{
    font-weight: normal;
    padding-bottom: 6px;
    vertical-align: top;
    white-space: nowrap;
    empty-cells: show;
}

table.formulario td.formulario_campos
{
    font-weight: normal;
    padding-bottom: 6px;
    vertical-align: top;
    white-space: nowrap;
}

table.formulario td.formulario_titulo_linha
{
    padding-bottom: 6px;
    vertical-align: middle;
    width: 100%;
    white-space: nowrap;
}

table.formulario td.formulario_checkBoxList
{
    font-weight: normal;
}

/***********************************************************
 Fim: Estilo dos formulários de entrada de dados 
 ***********************************************************/

/***********************************************************
 Inicio: Estilo dos radio button list
 ***********************************************************/
.radio_button_list
{
}

.radio_button_list td
{
    width: 130px;
}

.radio_button_list input
{
    width: auto;
    margin-right: 0px;
    margin-left: 3px;
    text-align: left;
    font-weight: normal;
    font-size: 9px;
}

.radio_button_list label
{
    width: 100px;
    margin-right: 0px;
    text-align: left;
    font-weight: normal;
    font-size: 9px;
}
/***********************************************************
 Inicio: Estilo dos radio button list
 ***********************************************************/

/***********************************************************
 Inicio: Estilo dos check box list
 ***********************************************************/
.check_box_list
{
}

.check_box_list td
{
    width: 130px;
}

.check_box_list input
{
    width: auto;
    margin-right: 0px;
    margin-left: 3px;
    text-align: left;
    font-weight: normal;
    font-size: 9px;
}

.check_box_list label
{
    width: 100px;
    margin-right: 0px;
    text-align: left;
    font-weight: normal;
    font-size: 9px;
}
/***********************************************************
 Fim: Estilo dos check box list
 ***********************************************************/

/***********************************************************
 Inicio: Estilo dos radio button list
 ***********************************************************/
.radioButtonListColunaUnica
{
}

.radioButtonListColunaUnica td
{
}

.radioButtonListColunaUnica input
{
    width: auto;
    margin-right: 0px;
    margin-left: 3px;
    text-align: left;
    font-weight: normal;
    font-size: 9px;
}

.radioButtonListColunaUnica label
{
    width: 100px;
    margin-right: 0px;
    text-align: left;
    font-weight: normal;
    font-size: 9px;
}
/***********************************************************
 Inicio: Estilo dos radio button list
 ***********************************************************/

/***********************************************************
 Inicio: Estilo das bordas internas cinza
 ***********************************************************/
.BordaInternaCinza
{
    /*position: relative;         margin: 0px;     margin-top: 5px;     margin-bottom: 5px;     padding: 0px;     float: left;*/
}

.BordaInternaCinza_bordaInferior
{
    width: 100%;
    height: 5px;
    display: block;
    clear: both;
}

.BordaInternaCinza_bordaSuperior
{
    width: 100%;
    height: 5px;
    display: block;
    clear: both;
}

.BordaInternaCinza_conteudo
{
    width: 100%;
    display: block;
    clear: both;
}

.BordaInternaCinza .BordaInternaCinza_bordaInferior
{
    background-color: #e5e5e5;
}

.BordaInternaCinza .BordaInternaCinza_bordaSuperior
{
    background-color: #e5e5e5;
}

.BordaInternaCinza .BordaInternaCinza_conteudo
{
    background-color: #e5e5e5;
}

/***********************************************************
 Fim: Estilo das bordas internas cinza
 ***********************************************************/

/***********************************************************
 Inicio: Estilo das bordas internas azul
 ***********************************************************/
.BordaInternaAzul
{
    /*position: relative;     background-color: #E7F2FA;     margin: 0px;     margin-top: 0px;     margin-bottom: 0px;     padding: 0px;         float: left;*/
}

.BordaInternaAzul_bordaInferior
{
    width: 100%;
    height: 3px;
    display: block;
    float: left;
}

.BordaInternaAzul_bordaSuperior
{
    width: 100%;
    height: 3px;
    display: block;
    float: left;
}

.BordaInternaAzul_conteudo
{
    padding-left: 5px;
    width: 99%;
    display: block;
    float: left;
}

.BordaInternaAzul .BordaInternaAzul_bordaInferior
{
    background-color: #E7F2FA;
}

.BordaInternaAzul .BordaInternaAzul_bordaSuperior
{
    background-color: #E7F2FA;
}

.BordaInternaAzul .BordaInternaAzul_conteudo
{
    background-color: #E7F2FA;
}

/***********************************************************
 Fim: Estilo das bordas internas azul
 ***********************************************************/

/***********************************************************
 Inicio: Estilos da caixa de dialogo modal de endereço
 ***********************************************************/

.CaixaDialogoEndereco
{
    width: 350px;
}

.CaixaDialogoEndereco_Modal
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

/***********************************************************
 Fim: Estilos da caixa de dialogo modal de endereço
 ***********************************************************/

/***********************************************************
Inicio: Estilo do componente ExibirCifroes
***********************************************************/

.ExibirCifroes
{
    empty-cells: show;
    position: relative;
    width: 22px;
    height: 10px;
    background-image: url(../imgs/Componentes/ExibirCifroes/icon_cifraoCinza_3.png);
}

.ExibirCifroes_Preencher
{
    empty-cells: show;
    position: relative;
    width: 0px;
    height: 10px;
    background-image: url(../imgs/Componentes/ExibirCifroes/icon_cifraoCor_3.png);
    overflow: hidden;
}

/***********************************************************
Fim: Estilo do componente ExibirCifroes
***********************************************************/

/***********************************************************
Inicio: Estilo do componente ExibirEstrelas
***********************************************************/

.ExibirEstrelas
{
    empty-cells: show;
    position: relative;
    width: 59px;
    height: 10px;
    background-image: url(../imgs/Componentes/ExibirEstrelas/icon_estrelaCinza_5.png);
}

.ExibirEstrelas_Preencher
{
    empty-cells: show;
    position: relative;
    width: 0px;
    height: 10px;
    background-image: url(../imgs/Componentes/ExibirEstrelas/icon_estrelaCor_5.png);
    overflow: hidden;
}

/***********************************************************
Fim: Estilo do componente ExibirEstrelas
***********************************************************/

/***********************************************************
Inicio: Estilo do componente FotoArredondada
***********************************************************/

.FotoArredondada
{
    position: relative;
    width: 132px;
    height: 132px;
}

.FotoArredondada a
{
    float: left;
    position: relative;
    width: 132px;
    height: 132px;
}

.FotoArredondada_Borda
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../imgs/Componentes/FotoArredondada/bordaFoto.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 134px;
    height: 134px;
    cursor: pointer;
}

.FotoArredondada img
{
    position: absolute;
    left: 0;
    top: 0;
}
/***********************************************************
Fim: Estilo do componente FotoArredondada
***********************************************************/
/***********************************************************
Inicio: Estilo do componente FotoArredondadaLink
***********************************************************/

.FotoArredondadaLink
{
    position: relative;
    width: 132px;
    height: 155px;
}

.FotoArredondada_Links
{

    position: relative;
    display:inline;
    vertical-align:middle;
}


.FotoArredondadaLink_Borda
{
    padding: 0px;
    margin: 0px;
    position: absolute;    
    left: 0;
    top: 0;
    background-image: url(../imgs/Componentes/FotoArredondada/bordaFotoMaior.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 134px;
    height: 155px;
    cursor: pointer;
}

.FotoArredondadaLink img
{
    position: absolute;
    left: 0;
    top: 0;
}
/***********************************************************
Fim: Estilo do componente FotoArredondada
***********************************************************/
/***********************************************************
Inicio: Estilo do componente ThumbnailArredondada
***********************************************************/

.ThumbnailArredondado
{
    position: relative;
    width: 50px;
    height: 50px;
}

.ThumbnailArredondado a
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    float: left;
}

.ThumbnailArredondado_Borda
{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0px;
    margin: 0px;
    background-image: url(../imgs/Componentes/ThumbnailArredondado/bordaThumbnail.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.ThumbnailArredondado img
{
    position: absolute;
    left: 0;
    top: 0;
}

/***********************************************************
Fim: Estilo do componente ThumbnailArredondada
***********************************************************/

/***********************************************************
 Início: Estilo do popup
 ***********************************************************/

.popup
{
    float: left;
    width: 400px;
    text-align: left;
}

.popup_background
{
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 20;
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
}

.popup_borda_top
{
    height: 15px;
    width: 400px;
    background-image: url('../imgs/Componentes/Popup/popup_top.png');
    _background-image: url('../imgs/Componentes/Popup/popup_top.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    float: left;
}

.popup_borda_bottom
{
    height: 14px;
    width: 400px;
    float: left;
    background-image: url('../imgs/Componentes/Popup/popup_bottom.png');
    _background-image: url('../imgs/Componentes/Popup/popup_bottom.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.popup_conteudo
{
    height: auto;
    width: 380px;
    padding: 0px 10px 0px 10px;
    background-image: url('../imgs/Componentes/Popup/popup_middle.png');
    _background-image: url('../imgs/Componentes/Popup/popup_middle.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    float: left;
}

.popup_conteudo_fundo
{
    height: 100%;
    width: 100%;
    background-image: url('../imgs/Componentes/Popup/popup_fundo.png');
    background-repeat: repeat-x;
    background-position: bottom;
    float: left;
}


.popup_dinamica
{
    float: left;
    width: 700px;
    text-align: left;
}

.popup_background_dinamica
{
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 20;
}

.popup_borda_top_dinamica
{
    height: 15px;
    width: 700px;
    background-image: url('../imgs/Componentes/Popup/popup_top.png');
    _background-image: url('../imgs/Componentes/Popup/popup_top.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    float: left;
}

.popup_borda_bottom_dinamica
{
    height: 14px;
    width: 700px;
    float: left;
    background-image: url('../imgs/Componentes/Popup/popup_bottom.png');
    _background-image: url('../imgs/Componentes/Popup/popup_bottom.gif');
    background-repeat: no-repeat;
    background-position: top;
}

/***********************************************************
 Fim: Estilo do popup
 ***********************************************************/

/***********************************************************
 Início: Estilo do popup dinamico
 ***********************************************************/
.popup_dinamico
{
    border: medium solid #D27A02;
    min-width: 200px;
    max-width: 750px;
    float: left;
    text-align: justify;
    background-color: #FFFFFF;
}
.popup_dinamico_background
{
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 20;
}
.popup_dinamico_conteudo
{
    padding: 10px;
    float: left;
    background-color: #FFFFFF;
}
.pupup_dinamico_fechar
{
    float: right;
    margin: 10px 30px;
    text-align: right;
}

/***********************************************************
 Fim: Estilo do popup conteudo
 ***********************************************************/

/***********************************************************
 Início: Estilo do calendário
 ***********************************************************/

.Calendar
{
}

.Calendar_Tittle
{
    color: #0064a7;
}

.Calendar_Tittle a
{
    text-decoration: none;
    font-weight: bold;
    color: #0064a7;
}

.Calendar_DayHeader
{
    background-color: Silver;
    color: White;
}

.Calendar_DayStyle
{
}

.Calendar_SelectedDay
{
    text-decoration: underline;
    color: #0064a7;
    font-size: 10px;
}

.Calendar_OtherMonthDayStyle
{
    color: #eeeeee;
}

.Calendar_NextPrevStyle
{
    color: #0064a7;
}
.AgendaSelecionado
{
    background-color: #e6e6e6;
}
.AgendaSelecionado a
{
    color: #0064a7 !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px !important;
}
/***********************************************************
 Fim: Estilo do calendário
 ***********************************************************/

/***********************************************************
 Início: Estilo do balão de informação
 ***********************************************************/
.BalaoInfo
{
    position: absolute;
    float: left;
    z-index: 10;
    width: 213px;
}

.BalaoInfo a
{
    font-size: 10px;
    font-weight: bold;
}

.BalaoInfo_Conteudo
{
    font-size: 10px;
    padding: 0px 15px 0px 21px;
    width: 177px;
    background-image: url(../imgs/Componentes/Modelos/BalaoInfo/BalaoInfo_middle.png);
    _background-image: url(../imgs/Componentes/Modelos/BalaoInfo/BalaoInfo_middle.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    float: left;
}

.BalaoInfo_Conteudo hr
{
    width: 177px;
}

.BalaoInfo_Conteudo strong.grupo
{
    color: #c60;
}

.BalaoInfo_BordaSuperior
{
    background-image: url(../imgs/Componentes/Modelos/BalaoInfo/BalaoInfo_top.png);
    _background-image: url(../imgs/Componentes/Modelos/BalaoInfo/BalaoInfo_top.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100%;
    height: 15px;
    float: left;
}

.BalaoInfo_BordaInferior
{
    background-image: url(../imgs/Componentes/Modelos/BalaoInfo/BalaoInfo_bottom.png);
    _background-image: url(../imgs/Componentes/Modelos/BalaoInfo/BalaoInfo_bottom.gif);
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 29px;
    float: left;
}
/***********************************************************
 Fim: Estilo do balão de informação
 ***********************************************************/

/***********************************************************
 Início: Estilo da caixa de informação (estilo do balão)
 ***********************************************************/
.CaixaInfo
{
    position: absolute;
    float: left;
    z-index: 10;
    width: 213px;
}

.CaixaInfo a
{
    font-size: 10px;
    font-weight: bold;
}

.CaixaInfo_Conteudo
{
    font-size: 10px;
    padding: 0px 15px 0px 21px;
    width: 177px;
    background-image: url(../imgs/Componentes/Modelos/CaixaInfo/CaixaInfo_middle.png);
    _background-image: url(../imgs/Componentes/Modelos/CaixaInfo/CaixaInfo_middle.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    float: left;
}

.CaixaInfo_Conteudo hr
{
    width: 177px;
}

.CaixaInfo_Conteudo strong.grupo
{
    color: #c60;
}

.CaixaInfo_BordaSuperior
{
    background-image: url(../imgs/Componentes/Modelos/CaixaInfo/CaixaInfo_top.png);
    _background-image: url(../imgs/Componentes/Modelos/CaixaInfo/CaixaInfo_top.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100%;
    height: 15px;
    float: left;
}

.CaixaInfo_BordaInferior
{
    background-image: url(../imgs/Componentes/Modelos/CaixaInfo/CaixaInfo_bottom.png);
    _background-image: url(../imgs/Componentes/Modelos/CaixaInfo/CaixaInfo_bottom.gif);
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 29px;
    float: left;
}
/***********************************************************
 Fim: Estilo da caixa de informação (estilo do balão)
 ***********************************************************/

/***********************************************************
 Início: Estilo das listas
 ***********************************************************/
.RepeaterItemStyleSemBorda
{
    text-align: center;
    float: left;
    width: 83px;
    padding: 10px;
}

.RepeaterItemStyleSemBordaListaDireita
{
    text-align: center;
    float: left;
    width: 67px;
    padding: 2px;
}

.RepeaterItemStyleSemBordaComentario
{
    float: left;
    width: 83px;
    padding: 10px;
}


.RepeaterItemStyle
{
    float: left;
    width: 50px;
    border-right: 1px solid #e5e5e5;
}

.RepeaterAlternatingItemStyle
{
    float: left;
    width: 90px;
}

.RepeaterItemStyle50
{
    float: left;
    width: 249px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-right: 1px solid #e5e5e5;
}

.RepeaterAlternatingItemStyle50
{
    float: left;
    width: 249px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.RepeaterComentarioItemStyle
{
    float: left;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 10px;
}

.RepeaterAlternatingComentarioItemStyle
{
    float: left;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 10px;
}

/***********************************************************
Fim: Estilo das listas
***********************************************************/

/***********************************************************
Início: Estilo das tabs das caixas laranjas
***********************************************************/

.Tabs
{
}

.Tabs .tabOuter
{
    float: left;
    padding-right: 10px;
    background: url(../imgs/Componentes/Aba/bordaDireita.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #e8bc7b;
    height: 25px;
    margin-right: 2px;
    cursor: pointer;
}

.Tabs .tabInner
{
    float: left;
    padding-top: 6px;
    background: url(../imgs/Componentes/Aba/bordaEsquerda.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10px;
    height: 25px;
}

.Tabs .tabInner a.title
{
    text-decoration: none;
    color: #d07900;
    font-size: 11px;
}

.Tabs .tabInner a.title:active, .Tabs .tabInner a.title:hover
{
    color: #ffffff;
    font-size: 11px;
}

.Tabs .tabActiveOuter
{
    float: left;
    padding-right: 10px;
    background: url(../imgs/Componentes/Aba/bordaDireita.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: White;
    height: 25px;
    margin-right: 2px;
    cursor: pointer;
}

.Tabs .tabActiveInner
{
    float: left;
    padding-top: 5px;
    background: url(../imgs/Componentes/Aba/bordaEsquerda.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10px;
    height: 25px;
}

.Tabs .tabActiveInner a.title:link, .Tabs .tabActiveInner a.title:visited
{
    text-decoration: none;
    color: #0064a7;
    font-size: 11px;
}

/***********************************************************
Fim: Estilo das tabs das caixas laranjas
***********************************************************/

/***********************************************************
Início: Estilo das abas das caixas laranjas
***********************************************************/

.ajax_tab_CaixaLaranja .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    height: 25px;
    clear: both;
}

.ajax_tab_CaixaLaranja .ajax__tab_outer
{
    padding-right: 4px;
    background: url(../imgs/Componentes/Aba/bordaDireita.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #e8bc7b;
    height: 25px;
    margin-right: 2px;
}

.ajax_tab_CaixaLaranja .ajax__tab_inner
{
    padding-left: 3px;
    background: url(../imgs/Componentes/Aba/bordaEsquerda.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 25px;
}

.ajax_tab_CaixaLaranja .ajax__tab_tab
{
    height: 25px;
    padding: 6px;
    margin: 0;
    color: #D07900;
}

.ajax_tab_CaixaLaranja .ajax__tab_hover .ajax__tab_outer
{
    background: url(../imgs/Componentes/Aba/bordaDireita.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #e8bc7b;
}

.ajax_tab_CaixaLaranja .ajax__tab_hover .ajax__tab_inner
{
    background: url(../imgs/Componentes/Aba/bordaEsquerda.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.ajax_tab_CaixaLaranja .ajax__tab_hover .ajax__tab_tab
{
    color: White;
    height: 25px;
}

.ajax_tab_CaixaLaranja .ajax__tab_active .ajax__tab_outer
{
    background: url(../imgs/Componentes/Aba/bordaDireita.gif) no-repeat right;
    background-repeat: no-repeat;
    background-position: right top;
    background-color: White;
}

.ajax_tab_CaixaLaranja .ajax__tab_active .ajax__tab_inner
{
    background: url(../imgs/Componentes/Aba/bordaEsquerda.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.ajax_tab_CaixaLaranja .ajax__tab_active .ajax__tab_tab
{
    height: 25px;
    color: #0064a7;
}

.CaixaLaranjaMeio_LTRB .ajax_tab_CaixaLaranja .ajax__tab_body
{
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaMeio_LTRB/bordaDirInf.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: White;
    width: 521px;
    float: left;
    padding: 10px;
    font-size: 11px;
}

.CaixaLaranjaMeio_RTLB .ajax_tab_CaixaLaranja .ajax__tab_body
{
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaMeio_RTLB/bordaEsqInf.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: White;
    width: 521px;
    float: left;
    padding: 10px;
    font-size: 11px;
}

.CaixaLaranjaDireita_RTRB .ajax_tab_CaixaLaranja .ajax__tab_body
{
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaDireita_RTRB/bordaDirInf.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: White;
    width: 220px;
    float: left;
    padding: 10px;
    font-size: 11px;
}

/***********************************************************
Fim: Estilo das abas das caixas laranjas
***********************************************************/

/***********************************************************
 Início: Estilo das bordas laranjas 
 (Com bordas arredondadas nos cantos esquerdo superior e 
  direito inferior - LTRB)
 ***********************************************************/
.CaixaLaranjaMeio_LTRB
{
    padding: 0px;
    width: 541px;
    float: left;
    margin-top: 2px;
    background-image: url('../imgs/Componentes/Modelos/CaixaLaranjaMeio_LTRB/fundo.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #df8400;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.CaixaLaranjaMeio_LTRB .Titulo
{
    float: left;
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaMeio_LTRB/bordaEsqSup.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 20px;
    padding-top: 8px;
    padding-left: 15px;
    padding-bottom: 5px;
    width: 526px;
}

.CaixaLaranjaMeio_LTRB .Conteudo
{
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaMeio_LTRB/bordaDirInf.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: White;
    width: 521px;
    float: left;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
}

/***********************************************************
 Fim: Estilo das bordas laranjas 
 (Com bordas arredondadas nos cantos esquerdo superior e 
  direito inferior - LTRB)
 ***********************************************************/

/***********************************************************
 Início: Estilo das bordas laranjas 
 (Com bordas arredondadas nos cantos esquerdo inferior e 
  direito superior - RTLB)
 ***********************************************************/
.CaixaLaranjaMeio_RTLB
{
    position: relative;
    padding: 0px;
    width: 541px;
    float: left;
    margin-top: 2px;
    background-image: url('../imgs/Componentes/Modelos/CaixaLaranjaMeio_RTLB/fundo.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #df8400;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.CaixaLaranjaMeio_RTLB .Titulo
{
    position: relative;
    float: left;
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaMeio_RTLB/bordaDirSup.gif);
    background-repeat: no-repeat;
    background-position: right top;
    height: 20px;
    padding-top: 8px;
    padding-left: 15px;
    padding-bottom: 5px;
    width: 526px;
}

.CaixaLaranjaMeio_RTLB .Conteudo
{
    position: relative;
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaMeio_RTLB/bordaEsqInf.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: White;
    width: 521px;
    float: left;
    padding: 10px;
    font-size: 11px;
}

/***********************************************************
 Fim: Estilo das bordas laranjas 
 (Com bordas arredondadas nos cantos esquerdo inferior e 
  direito superior - RTLB)
 ***********************************************************/

/***********************************************************
 Início: Estilo das bordas laranjas 
 (Com bordas arredondadas nos cantos esquerdo superior e 
  direito inferior - LTRB)
 ***********************************************************/
.CaixaLaranjaDireita_RTRB
{
    position: relative;
    padding: 0px;
    width: 240px;
    float: left;
    margin-top: 2px;
    background-image: url('../imgs/Componentes/Modelos/CaixaLaranjaDireita_RTRB/fundo.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #df8400;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.CaixaLaranjaDireita_RTRB .Titulo
{
    position: relative;
    float: left;
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaDireita_RTRB/bordaDirSup.gif);
    background-repeat: no-repeat;
    background-position: right top;
    height: 20px;
    padding-top: 8px;
    padding-left: 15px;
    padding-bottom: 5px;
    width: 225px;
}

.CaixaLaranjaDireita_RTRB .Conteudo
{
    position: relative;
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaDireita_RTRB/bordaDirInf.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: White;
    width: 220px;
    float: left;
    padding-top: 10px;
    font-size: 11px;
    padding: 10px;
}

.CaixaLaranjaDireita_RTRB .RadioBoxes
{
    overflow-x: hidden;
    position: relative;
    text-align: left;
    vertical-align: middle;
    background-color: #CCC;
    width: 240px;
    float: left;
    font-size: 11px;
    top: 0px;
    left: 0px;
}

/***********************************************************
 Fim: Estilo das bordas laranjas 
 (Com bordas arredondadas nos cantos esquerdo superior e 
  direito inferior - LTRB)
 ***********************************************************/

/*********************************************
Votação Estrela
**********************************************/
.votacaoStart
{
    font-size: 0pt;
    width: 18px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.votacaoFilled
{
    background-image: url(../imgs/Componentes/VotacaoEstrelas/estrelaCor_1.png);
}

.votacaoEmpty
{
    background-image: url(../imgs/Componentes/VotacaoEstrelas/estrelaCinza_1.png);
}

.votacaoSaved
{
    background-image: url (../imgs/Componentes/VotacaoEstrelas/estrelaCinza_1.png);
}
/*********************************************
Votação Sifrão
**********************************************/
.votacaoStartSifrao
{
    font-size: 0pt;
    width: 11px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.votacaoSifraoFilled
{
    background-image: url(../imgs/Componentes/VotacaoEstrelas/cifraoCor_1.png);
}

.votacaoSifraoEmpty
{
    background-image: url(../imgs/Componentes/VotacaoEstrelas/cifraoCinza_1.png);
}

.votacaoSifraoSaved
{
    background-image: url (../imgs/Componentes/VotacaoEstrelas/cifraoCinza_1.png);
}

/*********************************************
Alterar cor para cinza
**********************************************/
table.AlternarLinha tr.LinhaNormal td
{
    background-color: #fff;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-left-width: 1px;
}

table.AlternarLinha tr.LinhaAlternada td
{
    background-color: #E7F2FA;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #E7F2FA;
    border-left-width: 1px;
}
/* Linhas com fundo cinza */

/*********************************************
Barra divisória da página meus amigos...
**********************************************/
.BarraDivisoriaMeusAmigos
{
    background-image: url(../imgs/Icones/MeusAmigos/barra_horizontal.gif);
    background-position: center;
    background-repeat: repeat-y;
    width: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

/*********************************************
Caixa branca do meio extendida
**********************************************/
.CaixaBrancaMeio_Extendida
{
    margin: 0px;
    padding: 0px;
    width: 781px;
    float: left;
}

.CaixaBrancaMeio_bordaInferior_MeusAmigos
{
    background-image: url(../imgs/Componentes/Modelos/CaixaBrancaMeio/bordaEsqInf.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: White;
    line-height: 160%;
    margin: 0px;
    padding: 0px;
    width: 781px;
    float: left;
}


.CaixaBrancaMeio_bordaSuperior_MeusAmigos
{
    background-image: url(../imgs/Componentes/Modelos/CaixaBrancaMeio/bordaDirSup.gif);
    background-position: right top;
    background-repeat: no-repeat;
    line-height: 160%;
    padding: 10px;
    width: 761px;
    float: left;
}


.CaixaLaranjaMeio_LTRB_MeusAmigos
{
    padding: 0px;
    width: 781px;
    float: left;
    margin-top: 2px;
    background-image: url('../imgs/Componentes/Modelos/CaixaLaranjaMeio_LTRB/fundo.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #df8400;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.CaixaLaranjaMeio_LTRB_MeusAmigos .Titulo
{
    float: left;
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaMeio_LTRB/bordaEsqSup.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 20px;
    padding-top: 8px;
    padding-left: 15px;
    padding-bottom: 5px;
    width: 766px;
}

.CaixaLaranjaMeio_LTRB_MeusAmigos .Conteudo
{
    background-image: url(../imgs/Componentes/Modelos/CaixaLaranjaMeio_LTRB/bordaDirInf.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: White;
    width: 761px;
    height: 100%;
    float: left;
    vertical-align: top;
    padding: 10px;
    font-size: 11px;
}

.CaixaUsuarios_MeusAmigos
{
    float: left;
    padding-bottom: 5px;
}

/***********************************************
* Componentes com bordas Aredondadas
***********************************************/

/*inicio Troca de cores*/
.azul .interno
{
    background: #E7F2FA;
}
.azul b.rtop b, .azul b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #E7F2FA;
}

.amarelo .interno
{
    background: #FFFF00;
}
.amarelo b.rtop b, .amarelo b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #FFFF00;
}

.laranja .interno
{
    background: #EC7C00;
}
.laranja b.rtop b, .laranja b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #EC7C00;
}

.verde .interno
{
    background: #00FF00;
}
.verde b.rtop b, .verde b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #00FF00;
}

.cinza .interno
{
    background: #E6E6E6;
}
.cinza b.rtop b, .cinza b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #E6E6E6;
}

.vermelho .interno
{
    background: #FF0000;
}
.vermelho b.rtop b, .vermelho b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #FF0000;
}

b.rtop, b.rbottom
{
    display: block;
}
b.r1
{
    margin: 0 5px 0 5px;
}
b.r2
{
    margin: 0 3px 0 3px;
}
b.r3
{
    margin: 0 2px 0 3px;
}
b.rtop b.r4, b.rbottom b.r4
{
    margin: 0 1px 0 1px;
    height: 2px;
}

b.rtop b.r1
{
    margin-bottom: -1px;
}
b.rtop b.r2
{
    margin-bottom: -1px;
}

b.rbottom b.r4
{
    margin-top: -1px;
}
b.rbottom b.r3
{
    margin-top: -1px;
}
b.rbottom b.r2
{
    margin-top: -1px;
}
b.rbottom b.r1
{
    margin-top: -1px;
}

/************************************************
*Inicio do estilo do update progress
************************************************/
.UpdatePG_Centro
{
    position: absolute;
    width: 98%;
    height: 63%;
    text-align: center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #000;
}
.UpdatePG_Img
{
    position: absolute;
    top: 40%;
    left: 40%;
}
/************************************************
* Centralizador de loaders
************************************************/
.loader_img
{
    top: 30%;
    left: 40%;
    position: absolute;
    background-color: Transparent;
}
.popup_ie6_fix
{
    _position: absolute;
    _width: 650px;
    _margin-left: -1080px;
    _margin-top: -550px;
}
.popup_ie6_fix_meio
{
    _position: absolute;
    _width: 400px;
    _margin-left: -350px;
    _margin-top: -550px;
}

.PaginaAtual
{
    font-size: 12px;
    font-weight: bold;
    color: #d07900 !important;
}

.pop_up_amigos
{
   
    width: 100%;
    float: left;    
    overflow-y: scroll;
    max-height:220px;
}


 
.destaque .BordaInternaCinza .BordaInternaCinza_bordaInferior
{
    background-color: #EC7C00;
}

.destaque .BordaInternaCinza .BordaInternaCinza_bordaSuperior
{
    background-color: #EC7C00;
}

.destaque .BordaInternaCinza .BordaInternaCinza_conteudo
{
    background-color: #EC7C00;
}

/***********************************************************
 Início: Estilo do componente calendário
***********************************************************/

.styleFimDeSemana
{
	color: #0064A7 !important;
	background-color:#FFFFFF !important;
	font-weight: normal !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	padding:3px !important;
	padding-left:3px !important;
	padding-right:3px !important;
	border-style: solid !important;
	border-color: #D8D8D8 !important;
	border-width: 1px !important;
	cursor: pointer !important;
}

.styleDiaNormal
{
	color: #000000 !important;
	background-color:#FFFFFF !important;
	font-weight: normal !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	padding:3px !important;
	padding-left:3px !important;
	padding-right:3px !important;
	border-style: solid !important;	
	border-color: #D8D8D8 !important;
	border-width: 1px !important;
	cursor: pointer !important;
}

.styleDiaAtual
{
	color: #EC7C00 !important;
	background-color:#FFFFFF !important;
	font-weight: bold !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	padding:3px !important;
	padding-left:3px !important;
	padding-right:3px !important;
	border-style: solid !important;	
	border-color: #D8D8D8 !important;
	border-width: 1px !important;
	cursor: pointer !important;
}

.styleDiaSelecionado
{
	color: #FFFFFF !important;
	background-color:#EC7C00 !important;
	font-weight: bold !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	padding:3px !important;
	padding-left:3px !important;
	padding-right:3px !important;	
	border-style: solid !important;	
	border-color: #D8D8D8 !important;
	border-width: 1px !important;
	cursor: pointer !important;
}

.styleCabecalho
{
	color: White !important;
	background-color: Silver !important;
	font-weight: bold !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	padding:3px !important;
	padding-left:3px !important;
	padding-right:3px !important;
	border-style: solid !important;	
	border-color: #D8D8D8 !important;
	border-width: 1px !important;	
}

.styleMesAnterior
{	
	text-decoration:none !important;	
	color: #0064A7 !important;
	background-color:#FFFFFF !important;
	font-weight: bold !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	padding:3px !important;
	padding-left:3px !important;
	padding-right:3px !important;
	border-style: solid !important;	
	border-color: #D8D8D8 !important;
	border-width: 1px !important;
	cursor:pointer !important;
}

.styleMesPosterior
{	
	text-decoration:none !important;	
	color: #0064A7 !important;
	background-color:#FFFFFF !important;
	font-weight: bold !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	padding:3px !important;
	padding-left:3px !important;
	padding-right:3px !important;
	border-style: solid !important;	
	border-color: #D8D8D8 !important;
	border-width: 1px !important;
	cursor:pointer !important;
}

.styleTitulo
{	
	text-decoration:none !important;	
	color: #0064A7 !important;
	background-color:#FFFFFF !important;
	font-weight: bold !important;
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
	font-size: 10px !important;
	padding:3px !important;
	padding-left:3px !important;
	padding-right:3px !important;
	border-style: solid !important;	
	border-color: #D8D8D8 !important;
	border-width: 1px !important;
}

.styleEditarAno
{	
	border-style:none !important; 
	width:30px !important; 
	height: 10px !important; 
	font-size:10px !important; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif !important;
}

/***********************************************************
 Fim: Estilo do componente calendário
***********************************************************/

/***********************************************************
 Fim: Início do componente ListaPessoas
***********************************************************/

.Listagem 
{
	width:100%;
	height: 100%;		
}

.Listagem .Container 
{
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	padding: 5px;
	width: 275px;
	height: 250px;
	text-align: left;
	overflow-y: scroll;
	background-color: #F9FFF9
}

.Listagem .Container .Texto 
{
	display: block;
	float: left;
	width: 100%;
	height: 120px;
	text-align: center;
}

.Listagem .Container .Item 
{
	display: block;
	float: left;
	width: 80px;
	height: 120px;
	text-align: center;
}

.Listagem .Container .Item img
{	
	clear:both;
	cursor: pointer;
}

.Listagem .Container .Item .Normal
{	
	border-style: solid;
	border-width: 1px;
	border-color: #666;
}

.Listagem .Container .Item .Selecionado
{	
	border-style: solid;
	border-width: 2px;
	border-color: #00FF00;
}

.Listagem .Container .Item a
{
	font-size: 12px;
	display:block;
	clear: both;
	cursor: pointer;
}

/***********************************************************
 Fim: Fim do componente ListaPessoas
***********************************************************/