/****************************************************************************/
/* STILE DELLA FINESTRA PRESENTI */

/* HELP: Da qui è possibile modificare:
- I font ed i colori dei presenti
- Le dimensioni e la posizione della finestra dei presenti
- Lo sfondo della finestra dei presenti */


div.luogo{
	margin:10px 0 0 0;
	font-weight:bolder;
}

div.elenco_presenti {
	text-align:center;
}

div.presente{
	font-weight:normal;
	font-size:12px;
}
div.pagina_presenti div.presente{
  text-align: left;
}

div.link_presenti{
	margin-top:20px;
}

/*Icone di stato dei presenti*/
div.pagina_presenti img.sesso_ico, 
div.pagina_presenti img.status_ico, 
div.pagina_presenti img.disponibile,
div.pagina_presenti_estesa img.sesso_ico, 
div.pagina_presenti_estesa img.status_ico, 
div.pagina_presenti_estesa img.disponibile{
   margin: 0 2px 0 0;
}

div.pagina_presenti img.disponibile_switch{

}

/*Link nella colonna presenti */
div.pagina_presenti a, 
div.pagina_presenti a:visited, 
div.pagina_presenti_estesa a, 
div.pagina_presenti_estesa a:visited{
   border: none;
   text-shadow: 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1);
color: #8a8275;
}


div.pagina_presenti a:hover,
div.pagina_presenti_estesa a:hover{
   border: none;
   color:#cabdaf;
}
/*Testo nella colonna presenti*/
div.pagina_presenti ul.elenco_presenti,
div.pagina_presenti_estesa ul.elenco_presenti{
   list-style-type: none;
   list-style-position:inside;
   padding: 0px;
   margin: 0px;
   text-align:left;
}

/*Nomi dei luoghi*/
div.pagina_presenti ul.elenco_presenti li.luogo, 
div.pagina_presenti_estesa ul.elenco_presenti li.luogo{
   font-size: 12px;
   font-weight: bold;
   margin: 3px 0 1px 8px;
   text-transform: uppercase;
}

div.pagina_presenti_estesa ul.elenco_presenti li.mappa{
   font-size: 12px;
   font-weight: bold;
   margin: 3px 0 1px 0;
   text-transform: uppercase;
}
/* Nomi dei personaggi */
div.pagina_presenti ul.elenco_presenti li.presente,
div.pagina_presenti_estesa ul.elenco_presenti li.presente{
   font-size: 13px;
   margin: 0 0 0 5px;
}
div.pagina_presenti_estesa{min-height: 200px;}

div.pagina_presenti_estesa div.presenti_estesi table{
  margin: 0 auto;
}

div.pagina_presenti_estesa div.presenti_estesi td.titolo_presenti_estesi{
height:25px; 
box-shadow: 2px 2px 2px black;
background-image: url('imgs/bg-td2.png');
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4);
color: #948b87;
padding: 2px 0 ;
text-transform:uppercase;
}

div.pagina_presenti_estesa div.presenti_estesi td.titolo_presenti_estesi:first-child {

}

div.pagina_presenti_estesa div.presenti_estesi td.titolo_presenti_estesi:last-child {

}

div.pagina_presenti_estesa td.segnalini_presenti_estesi {
  background-image: url(./imgs/bg-td.png);
  box-shadow: 2px 2px 2px black;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4);
  padding: 5px 0;
  font-size: 13px;
}

div.pagina_presenti_estesa td.luogo {
  background-image: url(./imgs/bg-td.png);
  box-shadow: 2px 2px 2px black;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 0px 2px rgba(0, 0, 0, 0.4);
}

/*Icone presenti*/
img.presenti_ico{
  margin-left: 2px;
  width: 15px;
  height: 15px;
  border:none;
}
img.presenti_ico_estesi{
  margin-left: 2px;
  max-width: 20px;
  max-height: 20px;
  border:none;
}
img.avatar-presenti{
width:40px;
height:40px;
border-radius: 20px;
vertical-align:middle;
}
img.corp-presenti{
width:20px; 
height:20px; 
vertical-align:middle;
}
/****************************************************************************/


div.titolo_presenti_estesi {
 background-image: url('../themes/advanced/imgs/bg-td2.png'); 
 height:20px; 
 color:#756d6a; 
 font-size:10px; 
 text-transform: uppercase;
}

div.luogo_corrente_titolo {
  line-height:20px; 
  color: #70665c; 
  border: 1px dotted #2b2b2b;
  background-color: #0c0c0c;
}

div.luogo_corrente_titolo a {
  color: #818181;
}

div.luogo_corrente_titolo a:hover {
  color: #cabdaf;
}

div.segnalini_presenti_estesi {
  background-color: #0c0c0c; 
  color: #555;"
}

span.utenti_online {
  color: #70665c;
}

span.utenti_online_numero {
  color: #cabdaf;
}