/*****************************************************************
	STYLES.CSS
	
/****************************************************************/
	
/***************************************************************
	LINKS
******************************************************************/

.menu a, .head_div a {				/* nero */
	font-weight:bold;
	text-decoration:none;
	white-space: nowrap;
    	font-size:90%;
	padding:3px;
	background:#FFF;
	color:#000;
	border:1px solid;
	border-color:#DEDEDE #AEAEAE #AEAEAE #DEDEDE;
	}
		
a:hover {			/* colore del link con il cursore  */
	background:#666;
	color:#FFF;
	border-color:#000 #AEAEAE #AEAEAE #000;
	}
	
a.calendar {
	display:inline;
}


/* ****************************************************************************
sezioni della pagina 
******************************************************************************/

/* tutti */

.head, .head1, .menu, .foot, .head_div, .select, .popup {
		position:absolute; 
		border-style:solid;
	 	border-width:0.5px;
	 	border-color:#000;
	 	text-align:center;
	 	background-color:#DFD;
	 	z-index:1;
	}
	
	
/* sezione verticale a sx */

.menu {		top:111px; left:0; 
	 	height:90%;width:7%;
	}
	
/* sezione orizzontale in alto sopra il menu x eventdisplay.php */

.head1 {	top:2px;left:0.25%;
		height:86px; width:99.5%;
		background:#FFFFFF;
	}

/* sezione orizzontale a dx in alto, dove metto la casella di selezione dei campi  */

.head {		top:0px; left:7.01%; 
		height:90px; width:93%;
	}

/* sezione orizzontale in alto dove metto il menu orizzontale */
.head_div{
		top:90px; left:7.1%;
		height:20px; width:93%;
		border-style:none;
}


/* CORPO DEL PROGRAMMA */
.body1,.body3 {
		position:absolute; 
		top:20px; left:7.1%; 
		height:90%; width:90%;
		padding:10px;
		z-index:0;
		background-color: #E9EAED;
		}

/* SEZIONE IN SEMITRASPARENZA IN BASSO A SX X LA CHAT */

.chat {
	position:fixed;
	top:50%; left:50%;
	width:47%;height:48%;
	padding:10px;
	overflow:AUTO;
	background-color:#EEFFFC;
	z-index:10;
	-moz-opacity:.50;
	opacity:.50;
}

/* piede della maschera */


.foot {		top:100%; left:0px; 
		height:60px; width:100%;
		z-index:-1;
		-moz-opacity:.50;
		opacity:.50;
		border-style:none;
	}
	
.popup {
	top:0; left:0; 
	height:90%;width:90%;
	padding:4%;
}
	

/*********************************************************************
   select list: menu a discesa x selezione form
*********************************************************************/

.select {
	top:0px; left:60%; 
	height:87px; width:40%;
}
		
button.select_button {position:absolute; top:50px; left:0;}

.filtro {position:absolute; top:0; left:0;width:30%;}

.selVal {
	position:relative;top:0;left:0;
	width:500px;
	overflow:hidden;}
	
.selValA {position:absolute; top:0; right:0; width:70%;}


/**************************************************************
	
	IMMAGINI

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

.clipimage,.foto_paz { 
		position:absolute;  
		height:110px; width:7%;
		border:solid #998; 
		border-width:1px;
		z-index:1; 
		background:#01FF7C;
		overflow:hidden; 
	 	}
	 	

.clipimage object, .foto_paz img {width: 100%; height:100%;}

/* immagine d'angolo in alto a sx, logo */
.clipimage {top:0; left:0;}

/* foto del paziente */
.imag_paz {
		position:absolute;
	}
.foto_paz, .imag_paz {top:35%; left:80%;}


/* immagini varie, nel corpo */
.image1, .image2, .image3 {	
		 height:480px;width:894px;
		 border:solid #998;border-width:1px;
	}

.image1 img, .image2 img
	{ 
		height:460px;width:703px;
		border: 5px solid #666; padding:5px;
	}
	
.image1 img, .image2 img, .image3 img {float:right;}		


.image3 {
			width:10%;
			height:10%;
			padding:5px;
	}


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

MENU LISTE DI SELEZIONE

****************************************************************/
	
.menu_list {
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
}

.head_table {	position:absolute; 
		border-style:none;
	 	background-color:#DFD;
	 	z-index:1;
		width:100%;
		top:0; left:0;
		height:20px; 
		padding:0;
		margin:0;
		table-layout:fixed;
}

.head_td {
		text-align:center;
		font-weight:bold;
		border: 1px solid;
		border-color:#FFF #666 #666 #FFF;
}


.menu_list a, .head_ul1 a {display:block;}

.menu_list ul, .head_ul1, .head_ul2 {	list-style:none;}

.menu_list li, .head_ul1 li {
	border-width:1px;
	border-style:solid;
	border-color:#999;
	padding:3px;
	color:#000;
	border-collapse:collapse;
}

.menu_list li:hover, .head_ul1 li:hover, .head_td:hover {
		padding:1px;
		background-color:#CEC;
		border: 3px solid;
		border-color:#666 #FFF #FFF #666;
}

.menu_scomparsa, .head_li1, .head_li2 {
		font-weight:bold;
		position:relative;
	}

.scomparsa, .head_ul1, .head_ul2 {
		position: absolute;
		display:block;
		font-weight:normal;
		width:400px;
		background:#DFD;
		font-size: 85%;
		padding:2px;
	}
	
.scomparsa {top:-30px; left: 50%;}
	
.head_ul1 { top:0;right: auto;}	 
	
.head_ul2 {top:auto;left: 30%;}	

.head_ul td li{float:none;}

.overflow {	
	overflow:hidden;
}

/* i menu' secondari di default non vengono mostrati */

.scomparsa, .head_ul1, .head_ul2 {
		visibility: hidden;
	}

/* i menu' secondari appaiono con il cursore        */

.menu_scomparsa:hover ul, .head_td:hover ul.head_ul1, .head_li1:hover ul{
		visibility: visible;
		z-index:2;
	}
	
/* faccio riapparire i menu con javascript ??       */

.comparsa { visibility:visible; }

/**********************************************************************	
 formato dei campi di input 
************************************************************************/

input.check		{width:15px}
input.testonum 		{width:40px;}
input.testocorto 	{width:80px; }
input.testo 		{width:200px; }
input.testolungo 	{width:406px;}
input.date 		{width:75px}
table td textarea 	{width:95%; height:100px;}	



/*****************************
	TABELLE
******************************/

table td.autore {
	background-color: white ;
	color:#090909;
	}
table tr.prima_riga {
	background-color: black;
	color:whitesmoke;
	}
table tr.intestazione {
	background-color: #4C66A4;	
	}

table tr.riga {
	background-color: whitesmoke;	
	}

table {
	background-color: #E9EAED;
	display: inline-table;
	padding:0;
	border-width:0; 
	border-style: inset;
	border-color: blue;
	color:#090909;
	width: 100%;
 	}



td, th {
	font-family:arial, helvetica;
	text-align: middle;
	font-size: 15px;
	padding:0px 0px 0px 0px;  
	overflow:hidden; 
	text-align:left;
  }
  
 
.button_td, .column_header {
/*	width:80px; */	
	background-color:#2663E2;
	text-align: center;
	color:#FFFFFF;
    	font-weight:bold;
}
td:hover.button_td {
	background-color:#FFFFFF;
	color:#000;
}

td.overflow {
	overflow:scroll;
}

	
</STYLE> */