/****************************************************************************/
/* STILE DELLA SCHEDA DEL PERSONAGGIO */

/* HELP: Da qui è possibile modificare:
- I font ed i colori della scheda del personaggio
- Le dimensioni, l'aspetto e la posizione degli elementi della scheda
- Lo sfondo della scheda */

div.pagina_scheda{
   margin-left: auto;
   margin-right: auto;
   width: 600px;
}

div.menu_scheda{
   background: #000;
   box-shadow: 1px 2px 6px black, -1px 1px 6px black;
   width: 600px;
   height: auto;
   border: 0px solid #191813;
   padding: 2px;
   float: right; 
   text-align: center;
   font-size: 11px;  
   height: auto; 
   font-family:arial;
   color:#6a6a6a;
   letter-spacing:1px;
   text-transform:lowercase
   }

div.pagina_scheda div.pagebody{
}

img.profilo_img_gilda[title=" - "] {
	display: none;
}

div.pagina_scheda a{
   /*font-weight: normal;*/
}

div.pagina_scheda div.form_info{
   font-style: italic;
}

/*Titoli dei box*/
div.pagina_scheda div.titolo_box{
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 13px;
   margin-bottom: 6px;
}

/*Box nome,ritratto,iscritto da, ultimo ingresso, scrivi a*/
div.ritratto{
    /* margin: 5px 5px 20px 3px; */
    float: left;
    /* font-size: 12px; */
    width: 300px;
    height: 400px;
    text-align: center;
    margin-left:-6px;
    margin-top:15px;
}

/*Nome PG*/
div.ritratto div.ritratto_nome{
    font-size: 12px;
    /* font-weight: bold; */
    width: 450px;
    margin-top: -10px;
    color: #545137;
    text-align: right;
    margin-left: -8px;
    display: none;
}

/*Immagine*/
div.ritratto div.ritratto_avatar{
   width: 300px;
   height:400px;
   background:
   overflow: hidden;
}

div.ritratto_avatar img{
   max-width: 300px;
   max-height:400px;
   border: 0px solid #191813;
}

/*Link invia messaggio*/
div.ritratto div.ritratto_invia_messaggio{
   margin: 5px 0 0 0;
}

/*Box punteggi, razza, gilda, ruolo off*/
div.profilo{
  
    float: right;
    font-size: 12px;
    height: 400px;
    width: 278px;
    border: 0px solid #191813;
    border-left-color: rgb(25, 24, 19);
    border-left-style: solid;
    border-left-width: 0px;
    border-left: none;
    margin-top:15px;
}

div.profilo div.profilo_voce{
   text-align: justify; 
   clear: both;
   height: 20px;
}

/*Nome campo*/
div.profilo_voce div.profilo_voce_label{
   width: 31%;
   float: left;
   margin-left: 5px;
}

div.name{
display:block;
text-align: left;
width:300px;
line-height: 18px;
padding-right: 10px;
text-transform: uppercase;
border-bottom: 0px solid #191813;
color: #655736;
font-family: Cambria;
font-size: 14px;
background: none;
margin-top:0px;
font-weight:light;
border: 0.5px  #1a1a1a;
letter-spacing:0px;
}


div.ultimo {
    font-style: italic;
    height: 18px;
    font-family: arial;
    font-size: 8pt;
    margin-top: 2px;
    border-top: 0px solid #12130d;
    border-bottom: 0px solid #12130d;
    position: relative;
    background:none;
    text-transform:lowercase;
    color:#48403e}

div.info{
  text-align: center;
  line-height: 25px;
  padding-left: 10px;
  text-transform: uppercase;
  border-bottom: 0px solid #191813;
  color: #4c4128;
  font-family: Cambria;
  font-size: 10pt;
  background: none;
  letter-spacing:1px;
  margin-top:0px;
  font-weight:light;
  border: 0px  #1a1a1a;}

div.info_pg {
    height: 20px;
    font-family: arial;
    line-height:18px;
    color:#474747;
    opacity:1;
    letter-spacing:0.5px;
    font-size:11px;
    margin-top: 0px;
    border-top: 0px solid #12130d;
    border-bottom: 1px dotted #212121;
    position: relative;
    background:#000;
}

/*Icone gilda*/
img.profilo_img_gilda{
   height: 15px;
   width: 15px;
}

/*Box status*/
div.profilo_status{
   margin: 5px 5px 5px 5px; 
   clear: both;
   height: 100px;
   text-align: justify;
   
}
/*Casella PF nei controlli master*/
div.form_field input.healt_input{
   width: 28px;
}

/*Box storia pg, box affetti*/

div.background {
    margin-top: 10px;
       overflow: hidden;
    width: 630px;
   margin-left:-6px;
  
}
div.background img{
   max-width: 575px;
   
}

/*Menu' interno scheda*/



/*Box abilità */
div.elenco_abilita{
   /*margin: 10px auto 5px auto;*/
   clear: both;
   display: none;
}
div.elenco_abilita table{
   margin: 2px auto 5px auto;

}

div.elenco_abilita td{
   vertical-align: top;
}
div.abilita_scheda_nome{ 
  width: 110px;
  font-size: 12px;
  
}
div.abilita_scheda_car{
  width: 70px;
  font-size: 12px;
  
}
div.abilita_scheda_tank{
  width: 20px;
  font-size: 12px;
  
}
div.abilita_scheda_sub{
  width: 35px;
  font-size: 12px;
  
}

/****************************************************************************/

/****************************************************************************/
/* STILE DELLA PAGINA DI MODIFICA SCHEDA */

div.modifica_scheda{
   margin: 10px;
}

/****************************************************************************/

/****************************************************************************/
/* STILE DELLA PAGINA DI EQUIPAGGIAMENTO */
/*
div.omino_bianco_box{
   margin-left: auto;
   margin-right: auto;
   width: 450px;
   height: 300px;
    text-align: center;
}

img.omino_bianco_img{
   margin-top: 40px;
   width: 300px;
   height: 226px;
}

div.omino_bianco_armdx{
   width: 49px;
   height: 36px;
   border: 1px dotted white;  
   margin-top: 5px;
}
div.omino_bianco_armdx img{
   width: 48px;
   height: 35px;
}


div.omino_bianco_armsx{
   width: 49px;
   height: 36px;
   border: 1px dotted white; 
   margin-top: 5px;
   margin-right: 0px;
}
div.omino_bianco_armsx img{
   width: 48px;
   height: 35px;
}

div.omino_bianco_chest{
   width: 75px;
   height: 50px;
   border: 1px dotted white;
   margin-top: 5px;
   margin-right: 0px;
}
div.omino_bianco_chest img{
   width: 74px;
   height: 49px;
}

div.omino_bianco_legs{
   width: 75px;
   height: 50px;
   border: 1px dotted white;
   margin-top: 5px;
}
div.omino_bianco_legs img{
   width: 74px;
   height: 49px;
   margin-right: 0px;
}

div.omino_bianco_feet{
   width: 63px;
   height: 46px;
   border: 1px dotted white;  
   margin-top: 5px;
}

div.omino_bianco_feet img{
   width: 62px;
   height: 45px;
}

div.omino_bianco_head{
   width: 63px;
   height: 46px;
   border: 1px dotted white;
   margin-top: 5px;
}

div.omino_bianco_head img{
   width: 62px;
   height: 45px;
}

div.omino_bianco_neck{
   width: 49px;
   height: 36px;
   border: 1px dotted white;
   margin-top: 5px;
}

div.omino_bianco_neck img{
   width: 48px;
   height: 35px;
}

div.omino_bianco_ring{
   width: 30px;
   height: 20px;
   border: 1px dotted white;
   margin-top: 5px;
}

div.omino_bianco_ring img{
   width: 29px;
   height: 19px;
}
*/
/*Inventario*/
div.pagina_scheda_equip { }
div.pagina_scheda_oggetti { }
div.pagina_scheda_oggetti td.casella_elemento,
div.pagina_scheda_equip td.casella_elemento{  
  font-size: 12px;
  
  padding: 3px;
}
div.pagina_scheda_oggetti div.inventario_img img,
div.pagina_scheda_equip div.inventario_img img{
  height: 120px;
  width: 120px;
}
div.pagina_scheda_oggetti div.inventario_img,
div.pagina_scheda_equip div.inventario_img{
  width: 122px;
}
div.pagina_oggetti_equip div.inventario_nome,
div.pagina_scheda_equip div.inventario_nome{
  width: 122px;
}
div.pagina_scheda_oggetti div.inventario_quantita,
div.pagina_scheda_equip div.inventario_quantita{
  width: 122px;
}
div.pagina_scheda_oggetti div.inventario_nome,
div.pagina_scheda_equip div.inventario_nome{
  font-size: 12px;
  text-transform: uppercase;
}
div.pagina_scheda_oggetti div.form_label,
div.pagina_scheda_equip div.form_label{
  font-size: 12px;
  margin: 0;
}
div.pagina_scheda_oggetti input,
div.pagina_scheda_equip input{
  font-size: 12px;
  margin: 0;
}
div.inventario_riga_proprieta{
  width: 80px;
}
div.pagina_scheda_equip form,
div.pagina_scheda_oggetti form{ 
 text-align: center;
 margin: 0 0 4px 0;
}

    .bg_pg {
     padding:5px;
    color: #584c2f;
    opacity:1;
    cursor: pointer;
    width: 600px;
    text-align: center;
    border: solid 0px #12130d;
    background: url('/themes/advanced/imgs/texturenuova.png');
    font-family: Cambria;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight:light;
   margin-left:-6.5px; 

    margin-top:-1px;
}
.accordion {
    margin-left:auto; 
    margin-right:auto;
    color: #4c4128;
    opacity:0.9;
    cursor: pointer;
    width: 607px;
    text-align: center;
    border: solid 0px #12130d;
    outline: none;
    transition: 0.4s;
    background: url('/themes/advanced/imgs/texturenuova.png');
    font-family: Cambria;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight:light;
    padding:5px; 
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
        text-align: center;
        transition: 0.4s all ease-out;
        }
        
        
        .panel {
    width:607px;
    background: #000;
    display: none;
    text-align: center;
    overflow: hidden;
   
}
        
        .profilo_voce {
            font-size: 11px;}
        }
/****************************************************************************/