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



/* 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: tempus sans ITC;



   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: 1000;



   height: 600;



   position:absolute;



   left:10px;



   top:10px;



   background-image: url('imgs/edibase.jpg');/*immagine dello sfondo principale*/



}







/*Area chat*/



div.main div.output{



   width: 560;



   height: 510;



   position:absolute;



   left:210px;



   top:45px;



   text-align: justify;



   overflow: auto;



}







/*Area informazioni*/



div.main div.info{



   width: 170;



   height: 240;



   position:absolute;



   left:775px;



   top:345px;







}







/*Area avviso messaggi*/



div.main div.msgs{



   width: 170;



   height: 70;



   position:absolute;



   left:15px;



   top:315px;



   text-align: center;



}







/* Area presenti */



div.main div.presenti{



   width: 215;



   height: 510;



   position:absolute;



   left:775px;



   top:45px;



}







/*Finestra del menu*/



div.main div.menu{



   width: 170;



   height: 220;



   position:absolute;



   left:15px;



   top:345px;



}







/*Immagine Luogo*/



div.main div.img{



width: 159;



height: 151;



position: absolute;



left: 35px;



top: 47px;



}



/*Immagine Mappa*/



div.main div.imgmap{



width: 159;



height: 151;



position: absolute;



left: 35px;



top: 47px;



}









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











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



/* STILE BASE DEGLI ELEMENTI */







/* HELP: Da qui è possibile effettuare modifiche generali che si ripercuotono su



tutto il sito. */







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



/*Testo generale del sito*/



body{



   color: #FFFFFF; /*colore base dei caratteri*/



   font-family: Tempus sans ITC;



}



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







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



/*Aspetto delle scrollbar*/



body{



   scrollbar-highlight-color: #333333;



   scrollbar-shadow-color: #222222;



   scrollbar-3dlight-color: #888888;



   scrollbar-arrow-color: #ff9900;



   scrollbar-track-color: #4e4d4d;



   scrollbar-darkshadow-color: #111111;



}



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







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



/*Aspetto generale delle immagini*/



img{



    border: none;



}



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







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



/*Aspetto dei link*/







a, a:visited{



    border: none;



	color:  #FFFFFF ; /*colore base dei link*/



	font-weight: bolder;



	text-decoration: none;
font-size: 14px;



}







a:hover{



    border: none;



	color:  #000000 ; /*colore base dei link al passaggio del mouse*/



	font-weight: bolder;



	text-decoration: none;

        font-size: 14px;

}







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







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



/*Titolo e corpo pagina */







/*Titolo pagina: Appare in alto ad ogni riquadro dell'interfaccia.*/



div.page_title h2{



   font-size: 14px;



   font-weight: bold;



   color: #FFFFFF;



   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 0;



}



div.link_menu a{



   font-size: 14px;



  }



ul{



   list-style-type: none;



}



/*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: #CC9900;



}



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;



}



/*Testo delle colonne*/



div.elementi_elenco{ 



   padding: 0 2px 0 2px;



}



/*Testo delle colonne (gestione)*/



div.elenco_record_gestione div.elementi_elenco{



  color: #993333;



}



/*Testo delle colonne (gioco)*/



div.elenco_record_gioco div.elementi_elenco{



  color: #993333;



}



/*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: 500;



   height: 350;



   margin-left: auto ;



   margin-right: auto ;







}







div.mappaclick_more{



   margin: 10px;



   text-align: center;



}







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











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



/* 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{



   width: 160;



   height: 66;



   border:none;



   overflow: auto;



}







/*Box avviso messaggi e topic*/



div.pagina_messaggi{



   margin-left: auto;



   margin-right: auto;



}







/*Link avviso nuovi messaggi*/



span.messaggio_forum{



   margin-right: 2px;



   margin-left: 2px;



   font-size: 14px;



}



span.messaggio_forum_nuovo{



   margin-right: 2px;



   margin-left: 2px;



   font-size: 14px;



   text-decoration: blink;



}







/*Immagini avviso nuovi messaggi e topic*/



div.messaggio_forum img{ }



div.messaggio_forum_nuovo img{ }







/*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 {



   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 {



font-size: 14px;



color: white;



font- weight: bolder;











 



}







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 {



   



}







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











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



/*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: 20px;



}



div.pagina_servizi_gilde div.elenco_breve img{



   width: 25;



   height: 25;



}



div.pagina_servizi_gilde div.elenco_esteso img {



   width: 25;



   height: 15;



}







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















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



/*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{}



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{ }







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