/****************************************************************************/
/* STILE DELLA PAGINA CONTENITORE */

/* HELP: Da qui è possibile modificare:
- L'immagine dello sfondo principale
- Il colore base dei font
- Il colore base dei link
- Lo schema di colore delle barre
*/
body{
   background-color: transparent;
   
}

body.main_body{
   background-color: black; /*colore base dello sfondo*/
   background-repeat: none;
   font-weight: bold;
   font-family: times new roman;
   font-size: 12px;

}

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


/****************************************************************************/
/* STILE DELLA FINESTRA PRINCIPALE */

/* HELP: Da qui è possibile gestire il posizionamento e la dimensione degli
elementi presenti sull'interfaccia. Per eliminare un elemento indesiderato è
sufficiente munirlo della proprietà display: none;. Variando i valori di left
e top viene modificato il posizionamento.*/

/*Contenitore*/
div.main{
   width: 1024;
   height: 658;
   position:absolute;
   /*left:10px;
   top:10px;*/
   left:50%;
   top:50%;
   margin-left:-520px;
   margin-top:-335px;
   background-image: url('imgs/chat_bsg.jpg');/*immagine dello sfondo principale*/
   border: trasparent;
}

/*Area chat*/
div.main div.output{
   width: 595;
   height: 560;
   position:absolute;
   left:209px;
   top:50px;
   text-align: justify;
   overflow: auto;
   border: trasparent;
}

/*Area informazioni*/
div.main div.info{
   width: 150px;
   height: 270px;
   position:absolute;
   left:15px;
   top:18px;
   border:trasparent;
}

/*Area avviso messaggi*/
div.main div.msgs{
   width: 75px;
   height: 40px;
   position:absolute;
   left:15px;
   top:335px;
   text-align: left;
   border:trasparent;
   overflow: visibile;
}

/* Area presenti */
div.main div.presenti{
   width: 205px;
   height: 520px;
   position:absolute;
   left:850px;
   top:35px;
   border:trasparent;
   overflow: hidden;
}

/*Finestra del menu*/
div.main div.menu{
   width: 165px;
   height: 200px;
   position:absolute;
   left:15px;
   top:420px;
   border: trasparent;
}

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


/****************************************************************************/
/* STILE BASE DEGLI ELEMENTI */

/* HELP: Da qui è possibile effettuare modifiche generali che si ripercuotono su
tutto il sito. */

/******************************/
/*Testo generale del sito*/
body{
   color: #dadada; /*colore base dei caratteri*/
   font-family: times new roman;
}
/******************************/

/******************************/
/*Aspetto delle scrollbar*/
body{
   scrollbar-highlight-color: #333333;
   scrollbar-shadow-color: #222222;
   scrollbar-3dlight-color: #888888;
   scrollbar-arrow-color: #000000;
   scrollbar-track-color: #4e4d4d;
   scrollbar-darkshadow-color: #111111;
}
/******************************/

/******************************/
/*Aspetto generale delle immagini*/
img{
    border: none;
}
/******************************/

/******************************/
/*Aspetto dei link*/

a, a:visited{
    border: none;
	color:  #dadada; /*colore base dei link*/
	font-weight: bolder;
	text-decoration: none;
}

a:hover{
    border: none;
	color:  white; /*colore base dei link al passaggio del mouse*/
	font-weight: bolder;
	text-decoration: none;
}

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

/******************************/
/*Titolo e corpo pagina */

/*Titolo pagina: Appare in alto ad ogni riquadro dell'interfaccia.*/
div.page_title h2{
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   margin-left: auto ;
   margin-right: auto ;
}

/*Contenuto della pagina.*/
div.page_body{ }

div.page_body table{ 
  margin-left: auto ;
  margin-right: auto ;
  width: 80%;
}

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

/******************************/
/*Aspetto dei menu */

/*Link delle voci di menu. 
Ha effetto su i menù della finestra principale e su quelli delle pagine
secondarie, compresa l'area gestione.*/
div.link_menu{
   margin: 0 0 5px 40px;
}
div.link_menu a{
   font-size: 14px;
}
/*Immagine "punto voce di elenco" dei menu.*/
img.link_menu_point{ }

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

/******************************/
/*Link interni alle pagine*/

div.link_back{margin: 5px auto 5px auto; text-align: center;}
div.link_back a{}

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

/******************************/
/*Aspetto dei form*/


/*Form dell'area gestione*/
div.form_gestione{ margin-left: 3px; }
/*Form dell'area di gioco*/
div.form_gioco{ margin-left: 3px; }

/*Box pannelli di modifica*/
div.panels_box{
   margin: 3px 5px 6px 5px;
}

/*Testo della label di una voce
di menu*/
div.form_label{
   margin: 10px 5px 2px 5px;
   font-style: italic;
}
/*Testo di aiuto di una voce di 
menu*/
div.form_info{
   font-size: 12px;
   margin: 2px 5px 0 5px;
}
/*Contenitore della voce di menu*/
div.form_field{
   margin: 0 5px 0 5px;
   width: 100%;
}
/*Aspetto delle inputbox*/
div.form_field input{
   width: 95%;
}
/*Aspetto delle selectbox*/
div.form_field select{
   width: 95%;
}
/*Aspetto delle date*/
div.form_field select.day, div.form_field select.month{
   width: 45px;
}
div.form_field select.year{
   width: 55px;   
}
/*Aspetto delle textbox*/
div.form_field textarea{
   width: 95%;
   height: 80px;
}
/*Aspetto dei bottoni submit*/
div.form_submit{
   text-align: center;
   margin-top: 15px; 
   margin-left: auto;
   margin-bottom: 5px;
   margin-right: auto;
}

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

/*****************************/
/*Elenchi di record*/

/*Box di un elenco dell'area 
gestione*/
div.elenco_record_gestione{
  width: 100%;
  text-align: center;
}
div.elenco_record_gestione table{ 
   width: 90%; 
}
div.elenco_record_gestione td{ 
   height: 15px; 
   vertical-align: top;
}
div.elenco_record_gioco table{ 
   width: 90%; 
}
div.elenco_record_gioco td{ 
   height: 15px; 
   vertical-align: top;
}
td.casella_titolo{}
td.casella_elemento{
   background-color: transparent;
   /* filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;*/
   text-align: justify;
}



td.casella_controlli{}
/*Box di un elenco dell'area di gioco*/
div.elenco_record_gioco{ }
/*Separatore elenco*/
div.capitolo_elenco{ 
  font-weight: bold;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
/*Aspetto dei titoli di colonna*/
div.titoli_elenco{ 
  font-weight: bold;
  font-size: 12px;
  font-style: italic;
}

div.icone_elenco img{
  width: 25px;
  height: 25px;
}
/*Testo delle colonne*/
div.elementi_elenco{ 
   padding: 0 2px 0 2px;
}
/*Testo delle colonne (gestione)*/
div.elenco_record_gestione div.elementi_elenco{
  color: white;
}
/*Testo delle colonne (gioco)*/
div.elenco_record_gioco div.elementi_elenco{
  color: white;
}
/*Icone dei controlli di elenco*/
div.controlli_elenco{
   width: 60px;
}
div.controllo_elenco{
   float: left;
   margin: 2px 0 0 3px;
}
div.controllo_elenco form{
   padding: 0px;
   margin: 0px;
}
div.controllo_elenco input{
  height: 15px;
  margin: 0 0 0 0;
}


/*Aspetto del paginatore 
dell'elenco*/
div.pager{ }

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

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


/****************************************************************************/
/* STILE DELLA MAPPA CLICCABILE */

/* HELP: */

/*Box della mappa*/
div.mappaclick_box{
   width: 100%;
   height: 80%;
 }

/*Immagine mappa*/
div.mappaclick_map{
   width: 545;
   height: 400;
   margin-left: auto ;
   margin-right: auto ;

}

div.mappaclick_more{
   margin: 10px;
   text-align: center;
}


div.mappaclick_map a, div.mappaclick_map a:visited{
    font-size: 16px;
    border: none;
	color:  white; /*colore base dei link*/
	font-weight: bolder;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000000, 1px 1px 2px #000000;
}

div.mappaclick_map a:hover{
    font-size: 16px;
    border: none;
	color: tasparent; /*colore base dei link al passaggio del mouse*/
	font-weight: bolder;
	text-decoration: none;
		text-shadow: 1px 1px 2px #000000, 1px 1px 2px #000000;
}



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


/****************************************************************************/
/* STILE DELLA FINESTRA MENU */

/* HELP: Da qui è possibile modificare:
- I font ed i colori del menu
- Le dimensioni e la posizione del menu
- Lo sfondo del del menu */

/*Menu della finestra principale*/
div.pagina_link_menu{ }

/*Voci del menu (Stile della lista)*/
div.pagina_link_menu il{}
div.pagina_link_menu ul{}

/*Voci del menu (Stile del link)*/
div.pagina_link_menu a{ }

/*Immagine "punto voce di elenco" dei menu.*/
img.link_menu_point{ }

/*Altri menu*/
div.pagina_gestione{ }
div.pagina_uffici{ }
div.pagina_controlli_utente{ }

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


/****************************************************************************/
/* STILE DELLA FINESTRA MESSAGGI E BACHECHE */

/* HELP: Da qui è possibile modificare:
- I font ed i colori dei messaggi e delle bacheche
- Le dimensioni e la posizione della finestra messaggi
- Lo sfondo della finestra messaggi
- Il modo di segnalazione di nuovi messaggi*/

/*Frame dei link ai messaggi*/
div.msgs iframe.iframe_messaggi{
   background:transparent;
   width: 165;
   height: 50;
   border:none;
   overflow: hidden;
}

/*Box avviso messaggi e topic*/
div.pagina_messaggi{
   background:transparent;
   margin-left: auto;
   margin-right: auto;
}

/*Link avviso nuovi messaggi*/
div.messaggio_forum{
   margin-right: 4px;
   margin-left: 4px;
   font-size: 12px;
   text-transform: uppercase;
   float: left;

}
div.messaggio_forum_nuovo{
   background: transparent;
   margin-right: 2px;
   margin-left: 2px;
   font-size: 12px;
   float: left;

   /*text-decoration: blink;*/
   text-transform: uppercase;
   text-shadow:-1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow;

}

span.messaggio_forum_nuovo a,  span.messaggio_forum_nuovo a:visited {color: red;}
span.messaggio_forum_nuovo a:hover {color: black;}

/*Immagini avviso nuovi messaggi e topic*/
div.messaggio_forum img{url:'/imgs/icon/mail_read.jpg' }
div.messaggio_forum_nuovo img{url:'/imgs/icon/mail_new.jpg'
}

/*Icone dell'elenco messaggi messaggi*/
img.colonna_elengo_messaggi_icon{
    height: 25px;
}

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


/****************************************************************************/
/* STILE DELLA FINESTRA INFORMAZIONI */

/* HELP: Da qui è possibile modificare:
- I font ed i colori del pannello informazioni
- Le dimensioni e la posizione del pannello informazioni
- Lo sfondo del pannello informazioni */

/*Immagine luogo*/
div.info div.info_image img{
   width: 160px;
   height: 90px;
   margin: 5px 0 5px 3px;
}

div.info img.immagine_luogo { }

div.info div.box_stato_luogo { }

div.info marquee.stato_luogo { }

div.info div.meteo {
   text-align: center;
   font-size: 12px;
}

div.info div.meteo_date {
   margin: 5px 0 5px 0;
   text-align: center;
   font-size: 12px;
}

div.info div.time {
   display: none;
}

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


/****************************************************************************/
/*STILE DELL'AREA SERVIZI IN GIOCO*/

div.pagina_servizi_lavoro{}
div.pagina_servizi_banca{}
div.pagina_servizi_gilde{}

div.pagina_servizi_lavoro div.controllo_elenco input{
  height: 20px;
  margin: 0 0 0 0;
}


div.pagina_servizi_banca div.status_bancario{
  margin: 20px 0 0 5px;
}

div.pagina_servizi_gilde div.elenco_breve div.capitolo_elenco, 
div.pagina_servizi_gilde div.elenco_esteso div.capitolo_elenco {
   text-align: center;
   font-weight: bolder;
   font-size: 12px;
   margin-top: 25px;
}
div.pagina_servizi_gilde div.elenco_breve img{
   width: 60;
   height: 60;
}
div.pagina_servizi_gilde div.elenco_esteso img {
   width:78;
   height: 25;
}

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



/****************************************************************************/
/*STILE DEL MERCATO*/

div.pagina_servizi_mercato { }


div.pagina_servizi_mercato td.casella_elemento{  
  font-size: 10px;
  font-weight: bolder;
  padding: 3px;
}


div.pagina_servizi_mercato div.inventario_img img{
  height: 120px;
  width: 120px;

}
div.pagina_servizi_mercato div.inventario_img{
  width: 122px;
}
div.pagina_servizi_mercato div.inventario_nome{
  width: 122px;
}
div.pagina_servizi_mercato div.inventario_quantita{
  width: 122px;
}



div.pagina_servizi_mercato div.inventario_nome {
  font-size: 10px;
  text-transform: uppercase;
}

div.pagina_servizi_mercato div.form_label {
  font-size: 10px;
  margin: 0;
}

div.pagina_servizi_mercato div.form_submit {
  font-size: 10px;
  margin: 4px 0 0 0;
}

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



/****************************************************************************/
/*STILE DELL'AREA GESTIONE*/

div.pagina_gestione{}
div.pagina_gestione_bacheche{
  background: transparent;
 }
div.pagina_gestione_gilde{}
div.pagina_gestione_luoghi{}
div.pagina_gestione_mappe{}
div.pagina_gestione_mercato{}
div.pagina_gestione_personaggi{}
div.pagina_gestione_tipi{}
div.pagina_gestione_permessi{}
div.pagina_gestione_permessi div.form_label{
  float: left;
  width: auto;
  margin-top: 0px;
}
div.pagina_gestione_permessi div.form_field{
  float: left;
  width: auto;
}
div.pagina_gestione_permessi div.form_field select{
  width: auto;
}
div.pagina_gestione_permessi div.form_submit{
  text-align: left;
  width: auto;
 
}


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


/****************************************************************************/
/*STILE DEI MESSAGGI DI SISTEMA*/

div.error{
   margin-top: 2px;
   margin-left: auto;
   margin-right: auto;
   width:80%;
   border-style: solid;
   border-width: 1px;
   border-color: red;
   background-color: #ffddee;
   color: red;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: bolder;
   padding: 0 2px 0 2px;
}  

div.warning{
   margin-top: 2px;
   margin-left: auto;
   margin-right: auto;
   width:80%;
   border-style: solid;
   border-width: 1px;
   border-color: yellow;
   background-color: brown;
   color: yellow;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: bolder;
   padding: 0 2px 0 2px;
}

span.error_details{ }

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

/* mappa immagine main*/
div.prova{ 
 height:70px;
 width: 70px;
 position:absolute;
 left:890px;
 top:565px;
 /**/
 }
 
 
 /* mappa immagine main*/
div.prova1{ 
 height:70px;
 width: 70px;
 position:absolute;
 left:75px;
 top:375px;
 /**/
 }
 
 
  /* mappa immagine main*/
div.notizie{ 
 height:100px;
 width: 100px;
 position:absolute;
 left:90px;
 top:300px;
 /**/
 }