/****************************************************************************/
/* 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: trasparent;	/*colore base dello sfondo*/
	background-repeat: repeat;
}

body.main_body{
    background-image: url('/themes/basic/imgs/background2.png');
	/*colore base dello sfondo*/
	background-repeat: repeat;
   font-family: tahoma;
   font-size: 12px;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #1c1b19;
}

::-webkit-scrollbar
{
	width: 5px;
background-color: #1c1b19;
}

::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #312f2b;
}

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

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

/** * Questo stile è un aggiustamento del css per il layout base in uso
	* @author Blancks
*/
div#maincontent
{
	top:10px;
	bottom:10px;

}

/** * Qualsiasi cosa accada, non modificare gli stili già presenti, limitarsi ad aggiungere quelli che servono,
	* in quanto potrebbero compromettere la visualizzazione cross-browser.
	
	* @author Blancks
*/
div.output{
	width:100%;			/* Fix IE6/9: è vergognoso che un fix per IE versione SEI(6) funzioni anche per il 9 ... */
	height:100%;		/* Fix IE6/9: certi problemi dovrebbero appartenere alla storia dei pessimi browser, non all'epoca moderna */
	overflow:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
}


/*Area informazioni*/
div.info{
   margin-left:-15px;
   width: 207px;
   height: 220px;
   border-top:1px solid transparent;
}

/*Area avviso messaggi*/
div.msgs{
   width: 500px;
   bordeR:1px solid #27241d;
   height: 50px;
   margin-top:0px;
   margin-left:0px;
   overflow: hidden;
}

/* Area presenti */
div.presenti{
  overflow:hidden;
  background:transparent;
  margin-top:125px;
  margin-left:-15px;
  width: 200px;
  height: 200px;
}

/* Area presenti */
#presenti{
background:transparent;
margin-top:0px;
margin-left:0px;
   width: 180px;
   height: 200px;
   overflow:hidden;
}

/* NEWS */
div.pagina_news_info{

   font-size:10px;
	margin:1px solid transparent;
	padding: 2px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 9px; 
	overflow:hidden;
	width:180px;
	height:140px;
    margin-top:0px;
    margin-left:0px;
    background: transparent;
}



/*Finestra del menu*/
div.menu{
   margin-left:-18px;
   width: 200px;
   height: 300px;

}

div.menu3{
   width: 100%;
   height: 50px;
   text-align:center;
}

div.menu2{
   margin-top:-19px;
   width: 146px;
   margin-left:31%;
   background:transparent;
   text-align:center;
}
/** * Stile per il menù a tendina per lo skip rapido delle mappe
	* @author Blancks
*/
select#gotomap {
    display: block;
    margin: 10px auto;
    width: 160px;
    font-size:12px;
}

select {
    height: 24px;
    margin-top: 32px;
    padding: 2px;
    border: 1px solid #27241d;
    background-image: url(/imgs/pattern2.jpg);
    color: #737373;
    width: 150px;
    margin-bottom: 3px;
}

option {
    background-image: url(/imgs/pattern2.jpg);
    color: #737373;
}

input:focus{
 outline:none;
}
area:focus{
 outline:none;
}
textarea:focus{
 outline:none;
}
select:focus{
 outline:none;
}
/** * Stile per l'evidenziazione delle mappe nel menù a tendina
	* @author Blancks
*/
select#gotomap .map{
	font-weight:bolder;
	font-style:italic;
}

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


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

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

/******************************/
/*Testo generale del sito*/
body{
   color: #808080; /*colore base dei caratteri*/
   font-family:tahoma;
}
/******************************/

/******************************/
/*Aspetto delle scrollbar*/
/** * Nota: solo Internet explorer supporta la funzionalità , consiglierei di evitarne l'uso
	* @author Blancks
*/
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;
    font-size:12px;
	color:  #636363; /*colore base dei link*/
	text-decoration: none;
}

a:hover{
    border: none;
    font-size:12px;
	color: #767356; /*colore base dei link al passaggio del mouse*/
	text-decoration: none;
}



input[type='submit']{
	width:auto;
    border:1px solid #333333;
    background:#0a0a0a;
    background-repeat:repeat;
    font-size:13px;
    text-transform:uppercase;
    color: #737373;
    cursor:pointer;
    margin:5px;
    font-family: Trajan Bold;
}

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

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

/*Titolo pagina: Appare in alto ad ogni riquadro dell'interfaccia.*/
div.page_title h2{
   font-size: 14px;
   font-weight: normal;
   letter-spacing:1px;
   text-transform: uppercase;
   text-align: center;
   font-family:Trajan Bold;
   color:#67644a;
   margin-left: auto ;
   margin-right: auto ;
}

div.page_title h4{
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   color:#67644a;
   margin-left: auto ;
   margin-right: auto ;
}

div.page_title h3{
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: left;
   color:#67644a;
   padding-left:9px;
   margin-left: auto ;
   margin-right: auto ;
}

/*Contenuto della pagina.*/
div.page_body{text-align:left;}

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

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

/******************************/
/*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{
   
}
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; clear: both;
}
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;
   color:#515151;
   font-family:Yanone Kaffeesatz;
   letter-spacing:1px;
   font-size:13px;
}
/*Testo di aiuto di una voce di 
menu*/
div.form_info{
   font-size:11px;
   color:#737373;
   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: 350px;
   background:transparent;
   border:1px solid #333333;
   color:#737373;
   font-family:tahoma;
   font-size:12px;
}
/*Aspetto delle selectbox*/
div.form_field select{
   width: auto;
   border:1px solid #27241d;
   background-image: url('/imgs/pattern2.jpg');
   color:#737373;
   margin-top:15px;
}
div.form_field option{
   background:#0a0a0a;
   color:#737373;
}
/*Aspetto delle date*/
div.form_field select.day, div.form_field select.month{
   width: 45px;
    border:1px solid #27241d;
   background-image: url('/imgs/pattern2.jpg');
   color:#737373;
}
div.form_field select.year{
   width: 55px; 
    border:1px solid #27241d;
   background-image: url(/imgs/pattern2.jpg);
   color:#737373;
}
/*Aspetto delle textbox*/
div.form_field textarea{
   width: 500px;
   background:transparent;
   border:1px solid #27241d;
   color:#737373;
   font-family:tahoma;
   font-size:12px;
   height: 80px;
   padding:5px;
}
/*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%;
   border:1px solid #27241d;
}
div.elenco_record_gioco td{ 
   height: auto; 
   vertical-align: top;
}
td.casella_titolo{
border:1px solid #27241d;
border-bottom:1px dashed #27241d;
background:#12100C;
}
td.casella_elemento{
   background-color: #0a0a0a;
   text-align: justify;
   border-bottom:1px dotted #27241d;
}

table {font-size:12px;}

td.casella_controlli{ 
width: 50px;
}
/*Box di un elenco dell'area di gioco*/
div.elenco_record_gioco{
text-align:center;
}
/*Separatore elenco*/
div.capitolo_elenco{ 
  font-size: 13px;
  text-align: center;
  color:#67644a;
  letter-spacing:2px;
  font-family:Trajan Bold;
  text-transform:uppercase;
  padding:3px;
}
/*Aspetto dei titoli di colonna*/
div.titoli_elenco{ 
  font-size:13px;
  text-align: center;
font-family: Trajan Bold;
  color: #67644a;
  text-transform:uppercase;
  padding:1px;
  letter-spacing:1px;
}

div.icone_elenco img{
  width: 20px;
  height: 20px;
}
/*Testo delle colonne*/
div.elementi_elenco{ 
   padding: 3px 2px 0 2px;
}
/*Testo delle colonne (gestione)*/
div.elenco_record_gestione div.elementi_elenco{
  color: #737373;
}
/*Testo delle colonne (gioco)*/
div.elenco_record_gioco div.elementi_elenco{
  color: #737373;
  font-size:12px;
  padding-left:0px;
}
/*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{ 
text-align:center;
margin:5px;
}

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

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


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

/* HELP: */

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

/*Immagine mappa*/
div.mappaclick_map{
	text-align:left;	/* Fix IE6/9 */
	margin:0 auto;
}

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


/** * stile della tooltip di descrizione sulla mappa 
	* @author Blancks
*/
div#descriptionLoc{
	position:absolute; 
	width:200px;
	background:#111;
	padding:20px;
	font-size:12px;
	border:solid 1px #333333;
	font-family:Verdana,Sans;
	
	-moz-border-radius:5px;		/* Bordi arrotondati */
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
	
	display:none;/*NON TOCCARE* Di configurazione: nasconde la tip in partenza */
	z-index:9999;/*NON TOCCARE* Di configurazione: mostra la tooltip sopra gli altri link */
}


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:  gray; /*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{
   width: 500px;
   height: 24px;
   bordeR:1px solid #27241d;
   overflow: hidden;
}

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

/*Link avviso nuovi messaggi*/
div.messaggio_forum{
	font-size: 14px;
	text-transform: uppercase;
	text-align:center;
}
div.messaggio_forum_nuovo{
 	font-size: 14px;
	text-align:center;

	text-transform: uppercase;
	text-shadow:-0px 0 yellow, 0 0px yellow, 0px 0 yellow, 0 -0px 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{ margin-left:-10px; }
div.messaggio_forum_nuovo img{ margin-left:-10px; }

/*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: 208px;
   height: 116px;
   margin: 1px 0 5px 0;
   border-top:1px solid #333333;
   border-bottom:1px solid #333333; 
}

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: 10px;
  color: #737373;
}

div.info div.meteo_date {
   margin: 0px 0 0px 0;
   text-align: center;
   font-size: 10px;
   color: #737373;
}

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

div.luna{
    position: center;
    height: 50px;        /* Altezza IFRAME Sx */
    width: 180px;
	color:#737373;
  background:transparent;

}

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


/****************************************************************************/
/*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: 20px;
   height: 20px;
}
div.pagina_servizi_gilde div.elenco_esteso img {
   width: 20px;
   height: 20px;
}

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



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

div.pagina_servizi_mercato { }


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


div.pagina_servizi_mercato div.inventario_img img{
  height: 170px;
  width: 100px;
  border:1px solid #333333;
  padding:1px;
  margin:3px;

}
div.pagina_servizi_mercato div.inventario_img{
  width: 150px;
}
 div.inventario_nome{
  width: 130px;
}
div.pagina_servizi_mercato div.inventario_quantita{
  width: 130px;
  font-size: 11px;
  text-transform:lowercase;
}



 div.inventario_nome {
  font-size: 11px;
  text-transform: uppercase;
  font-family: Trajan Bold;
  color: #67644a;
}

div.pagina_servizi_mercato div.form_label {
    font-size: xx-small;
  margin: 0;
}

div.pagina_servizi_mercato div.form_submit {
  font-size: xx-small;
  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%;
   color: #5C5642;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: bolder;
   padding: 0 2px 0 2px;
}  

div.warning{
   margin-top: 2px;
   margin-left: auto;
   margin-right: auto;
   width:80%;
   color: #5C5642;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: bolder;
   padding: 0 2px 0 2px;
}

span.error_details{ }

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

a.link_sheet_m {
    border: none;
    font-size:12px;
	color:  #5f6a6d; /*colore base dei link*/
	text-decoration: none;
}

a.link_sheet_f{
    border: none;
    font-size:12px;
	color:  #6d5f5f; /*colore base dei link*/
	text-decoration: none;
}
.moonphases_phase img {max-width:30px !important;max-height:30px;}
.moonphases_tiny {background:none !important;border: none !important}

.moonphases_foot {display:none !important;}