/*---------------- BLOCCO DESCRIZIONE SOTTO AL MENU-------------------------------*/

/* box descrizione/aiuto */
#BoxDescrizione
{
   border: solid 3px #F65408;
   width: 194px; /* sottraggo a 200px (valore larghezza banda sx) il valore del bordo per i lati sx e dx*/
   height: 100px;
   position: relative;
   background-color: #fff;
   text-align: center;
   margin-top: 10px;
}

#DescrizioneTitolo
{
   width: 75%;
   font-size: 90%;
   font-weight: bold;
   font-variant: small-caps;
   color: #000;
   border-bottom: solid 1px #000;
   text-align: center;
}

#DescrizioneTesto
{
   margin-top: 5px;
   padding: 2px;
   font-size: 68%;
   /*font-variant: small-caps;*/
   text-align: left;
}
/*----------------------------- FINE BLOCCO DESCRIZIONE---------------------------*/


/*Queste classi riguardano le impostazioni che caratterizzano tutto
  il menu principale di HR SOLUTION ovvero il menu sulla colonna a sinistra  */


/*--------------------------------MENU PRINCIPALE----------------------------*/
/* CSS standard associati a gruppi di componenti standard di HR SOLUTION*/

/*Forse sarebbe il caso di cambiare il nome della classe in 
  nodeStyleMenu, inoltre tale classe è formatta sia il menu per
  l'amministratore che per il normale utente prendere in considerazione
  la possibilita di dover gestire */

/* TITOLO MENU setta gli attributi dello span contenente il titolo  */
.titoloMenu
{
   font-size: 76%;
   font-variant: small-caps;
   color: #fff;
   font-weight: bold;
   padding-right: 5px;
}


/* MENU NODESTYLE setta gli attributi del nodestyle  */
/*Imposta l'altezza dei menu delle pagine (quelli neri)
  definendone cosi anche le distanze l'un dall'altro */
.nodeStyle
{
		/*position: relative;*/
		height: 18px;
		/*color: Black;*/
}

/* MENU ROOTNODE setta gli attributi del Rootnode  */
/* Imposto il nodo di root come invisibile*/
.rootNode
{
		color: #f00;
		font-weight: bold;
		display: none;
}


/* MENU NODO setta gli attributi dei nodi*/
/* Colore nero dimensione carattere*/
.leafNode
{
	position : relative;
	font-size: 11px;
	/*font-size: 90%;*/
	color: black;
	display: block;
	text-indent: 5px;
	line-height: 22px;
	text-decoration: none;
}


/* assegno la larghezza per avere il background-color fino alla fine del menu (200px - 10px => che è la larghezza massima del frame sx sottratto il valore dello spostamento margin-left della treeview )*/
/*MENU CURSORE SUL NODO imposta gli attributi di un nodo quando il cursore è su di esso*/
/*sfondo dimensione carattere grassetto*/
.hoverNode
{
		width: 190px; 
		color: black;
		background-color: #fff;
		font-size: 12px;
		font-weight: bold;

}

/*MENU NODI GENITORI imposta gli attributi dei nodi principali*/
/* colore dimensione caratteri grassetto spaziatura*/
.parentNode
{
		color: #F65408;
		font-weight: bold;
		padding-top: 15px;
		font-size: 12px;
}


/*--------------------------------------------------------------------------------------*/
/*------------------ATTENZIONE CLASSI CSS ASSOCIATE AD ID COMPONENTE-------------------*/

/* Questa classe è associata ad un div nelle pagine
   che costruiscono il menu principale*/
/* il margine da sulla sinistra*/
#TreeViewMenu
{
		/*font-size: 76%;*/
	/*		font-size: 12px;*/
		margin-left: 10px;
      /*  color: Black; */		
}

/* Questa classe è associata ad un div nelle pagine
   che costruiscono il menu principale*/
/* Imposta la larghezza del menu*/
#MainMenuContenitore_HR
{
   width: 200px;
}

/* Questa classe è associata ad un div nelle pagine
   che costruiscono il menu principale*/
/* Imposta la la parte superiore*/
#MainMenuTitolo
{
   height: 20px;
   background-image: url(LayoutImgs/mainMenu_sfondoTitolo.jpg);
   background-repeat: repeat-y;
   text-align: right;
}

/* Questa classe è associata ad un div nelle pagine
   che costruiscono il menu principale*/
/* Imposta il corpo*/
#MainMenuContent
{
   background-image: url(LayoutImgs/mainMenu_sfondoContent.jpg);
   background-repeat: repeat-y;
}

/* Questa classe è associata ad un div nelle pagine
   che costruiscono il menu principale*/
/* Imposta la la parte inferiore*/
#MainMenuFooter
{
   height: 20px;
   background-image: url(LayoutImgs/mainMenu_footer.jpg);
   background-repeat: no-repeat;
}