/* CSS Document */
body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0px;
}
a {
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* Barra Superior */
#boxBarra { margin: 0px auto; display: block; height: 30px; font-family: Tahoma; font-size: 9px; width: 100%; }
.divisorBarra {	width: 30%; float:left; text-align: center; }
#boxBarra .L, #boxBarra .R { margin-top: 20px; }
#boxBarra input { width: 30px; font-family: Tahoma; font-size: 9px; border-style: double; border-width: 3px; }
#boxBarra .campo { width: 45px; }
#barraForm { margin-top: 5px; }
#barraCrie { line-height: 15px; font-weight:bolder; }
#barraLogo {
	margin-left: 10px; display:block; width: 89px;	height: 30px; cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://static.flogme.com.br/img/logo_barra.png');
}
#barraLogo[id] { background-image: url(http://static.flogme.com.br/img/logo_barra.png);}
#barraMenu { line-height: 18px; }
#barraMenu a{
	display: block; float: right;
	height: 18px; width: 18px;
	filter: alpha(opacity=50,style=0); -moz-opacity:0.5; opacity: 0.5;
	margin-left: 2px;
	margin-top: 4px;
}
#barraMenu a:hover {
	filter: alpha(opacity=100,style=0); -moz-opacity:0.99; opacity: 0.99;
}

#barraMenu .mfoto		{ background: url(http://static.flogme.com.br/img/barra_logado.gif) 0px 0px; }
#barraMenu .mcomentario { background: url(http://static.flogme.com.br/img/barra_logado.gif) -18px 0px; }
#barraMenu .mfavorito	{ background: url(http://static.flogme.com.br/img/barra_logado.gif) -36px 0px; }
#barraMenu .mcomunidade	{ background: url(http://static.flogme.com.br/img/barra_logado.gif) -54px 0px; }
#barraMenu .menquete	{ background: url(http://static.flogme.com.br/img/barra_logado.gif) -72px 0px; }
#barraMenu .mlinks		{ background: url(http://static.flogme.com.br/img/barra_logado.gif) -90px 0px; }
#barraMenu .mestatistica{ background: url(http://static.flogme.com.br/img/barra_logado.gif) -108px 0px; }
#barraMenu .maparencia	{ background: url(http://static.flogme.com.br/img/barra_logado.gif) -127px 0px; }
#barraMenu .mconfiguracao{ background: url(http://static.flogme.com.br/img/barra_logado.gif) -144px 0px; }
#barraMenu .mradio		{ background: url(http://static.flogme.com.br/img/barra_logado.gif) -162px 0px; }
#barraMenu .mhome		{ width: 17px; background: url(http://static.flogme.com.br/img/barra_logado.gif) -181px 0px; margin-left: 5px; }


/* layout do interno */
#boxTopo {
	width: 99%;
	margin: 0 auto;
	margin-top: 7px;
}
#tituloTopo,#boxMusica {
	text-align: center; height: 20px; font-size: 120%; font-weight: bolder; 
}
#controleADP {
	font: bold 11px/20px tahoma, arial, sans-serif; text-decoration: none; border: none;
}
#corpoFoto,#corpoFotoDescricao,#corpoEnquete {
	overflow: hidden;
	text-align: left;
}
#textoFoto {
	padding-left: 5px; overflow: hidden
}
/* Apelido / Cidade */
#topoL, #topoR {
	height: 20px;float:left; font-weight:bolder; width: 150px; overflow: hidden;
}
#topoR{
	float:right;
}
/* Box Esquerdo */
#boxE {
	margin: 20px 0 0 0;	float: left; /* border: 1px solid red; */ text-align: left;
	position: relative;
	top: 20px;
	left: 1px;
}

/* Box Direito */
#boxD {
	margin: 20px 0 0 0;	float: right; /* border: 1px solid red; */ text-align: left;
	position: relative;
	top: 20px;
	right: 1px;
}

/* Centralização do Corpo Central */
#meioFlog, #meioComentario{
	margin: 10px 130px 0px 130px;
}

#meioComentario, .co, #corpoComentarios {
	overflow: hidden;
}

#boxMeio{
	/* border: 1px solid red; */
	margin: 0px auto;
	text-align: left;
	*width: 100%;
	*position: absolute;
	*left: 0px;
}

.boxLateral {
	width: 120px;
	margin-top: 0;
	margin-left: 0;
}

#boxComentario a {
	text-decoration: none;
	font-weight:bolder;
}
#boxComentario a:hover {
	text-decoration: underline;
}
#tituloFoto {
	font-size: 150%;
	text-align: center;
	padding: 5px 0;
	font-weight:bolder;
	width: 100%;
}

.titulo {
	text-align: center;
	font-size: 12px;
	font-weight:bolder;
	overflow: hidden;
}
.titulo p {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
}

.corpo {
	text-align: center;
	display: block;
}
#comente {
	display: block;
	width: 300px;
}
#comente td {
	font-size: 11px;
}
/*****************
Paginador & Fotos 
*****************/
#pgStrip{height: 20px;}
#pgStrip a{text-decoration: none;text-align: center;}
#pgStrip .info{position: absolute;width: 120px;text-align: center;line-height: 20px;font-size: 10px;font-family: Helvetica;}
#pgStrip .menos{display: block;position: absolute;float: left;width: 10px;height: 11px;line-height: 8px;margin: 5px 0 0 3px;}
#pgStrip .mais{display: block;position: absolute;width: 10px;height: 11px;line-height: 8px;margin: 5px 0 0 107px;}
#fotosStrip{margin: 0;}
#tFotos td{padding: 3px;width: 120px; text-align: center;overflow: hidden;font-size: 10px;}
#tFotos td a, #tFotos td a:hover, .fotosLaterais{text-decoration: none; overflow: hidden; }
#tFotos td a img, .fotosLaterais a img {border: 0; filter: alpha(opacity=50,style=0); -moz-opacity:0.5; opacity: 0.5; text-decoration: none;}
#tFotos td a:hover img, .fotosLaterais a:hover img{
	border: 0;filter: alpha(opacity=100,style=0);-moz-opacity:1;opacity: 1;
	/* width: 115px;
	position: absolute;
	margin-left: -80px;
	margin-top: -50px;
	border: 5px solid #e8e8e8; */
}
.fotosLaterais { text-align: center; width: 120px; overflow: hidden; }
.fotosLaterais img { margin-top: 4px; }
#corpoLink { font-size: 80%; width: 120px; overflow: hidden; } 

#img_loading {
	filter: alpha(opacity=60,style=0); -moz-opacity:0.60; opacity: 0.60;
	position: absolute; margin-left: -70px; display: none; width: 60px; *width: 70px; height: 30px; padding: 5px;
	background-color: #FFFFFF;color: #000000;
	font-family: Tahoma, Verdana;font-size: 9px;text-align: center;
}
#img_loading img{
	filter: alpha(opacity=100,style=0); -moz-opacity:0.99; opacity: 0.99;
	margin-top: 3px;
}
/**********
Todas Fotos e Favoritos
************/
.thumbTodas  {
	float: left;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	width: 115px; height: 134px; 
	padding-top: 5px;
	overflow: hidden;
	text-align: center; 
	font-family: Tahoma, Helvetica, sans-serif;
}
.thumbTodas a:hover {
	text-decoration: none;
}

.thumbTodas a img {
	border: none;
}
/*****************
  Arrendondamento 
*****************/
.up,.down{ height: 10px;font-size: 1px;width: 100%; }
.R, .L{ width: 10px;height: 10px;float: right; }
.L{ float: left; }

/****************
	Gambi
****************/
#borda1,#borda2,#borda3{font-size:1px;float:left;}
#borda1 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://static.flogme.com.br/img/borda_1.png');}
#borda2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://static.flogme.com.br/img/borda_2.png');}
#borda3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://static.flogme.com.br/img/borda_3.png');}
#borda1[id] {background-image: url(http://static.flogme.com.br/img/borda_1.png);}
#borda2[id] {background-image: url(http://static.flogme.com.br/img/borda_2.png);}
#borda3[id] {background-image: url(http://static.flogme.com.br/img/borda_3.png);}
.adsSistema,#consoleComment,#consoleEnquete,#boxMusica {display: none;}
#loading_status {
	position: absolute;top: 63px;left: 135px;display: none;
}

#enquete100 {
	display: block;width: 100px;border: 2px solid #000;height: 13px;text-align: left;
}
#enqueteA,#enqueteB{
	height: 13px;display: block;font: bold 10px tahoma, arial, sans-serif;float: left;text-align: center;
}
#enqueteB{
	float: right;background-color: #009933;
}

/*********************
	Menu do usuário
**********************/
#menuContext {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
	z-index: 20; 
	display: none; 
	top: 0px; 
	height:0px; 
	height: auto; 
	width: 200px; 
	background-color: #DEDEDE;
	border: 2px outset #999999;
	padding: 2px;
}
#menuContext a{
	color: #0033CC;
	width: 100%;
	display: block;
	margin-top: 2px;
	padding-left: 3px;
	height: 13px;
	line-height: 13px;
}
#menuContext a:hover{
	color: #FFF;
	background-color: #000066;
	text-decoration: none;
}

/*********************
   revelacaoControle
*********************/
#revelacaoControle {
	position: absolute;
	margin-top: 30px;
	margin-left: 10px;
	*top: 30px;	*margin-top: 0px;
	*left: 10px; *margin-left: 0px;
	display: none;
	filter: alpha(opacity=50,style=0); -moz-opacity:0.5; opacity: 0.5;
}

#revelacaoFundo {
	position: absolute;
	z-index:  29;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #FFFFFF;
	filter: alpha(opacity=67,style=0); -moz-opacity:0.67; opacity: 0.67;
}
#revelacaoContainer {
	position: absolute;
	z-index:  30;
	top: 0px;
	left: 0px;
	width: 100%;
}
#revelacaoTable {
	width: 500px;
	height: 500px;
	background-color: #FFFFFF;
}
#displayRevelacao {
	overflow: auto;
	height: 400px;
}

#flag{
	position: absolute;
	width: 46px;
	height: 46px;
	padding-top: 3px;
	z-index: 9;
	top: 38px;
	right: 138px;
}

