/*****************************************************************
	STYLES.CSS
	
	000	nero
00-00-ff		blu scuro			-> ff-00-00
00-ff-ff		azzurro chiaro		-> ff-ff-00
00-66-00		verde ++ scuro
00-99-00		verde + scuro
00-ff-00		verde 
aa-ff-aa		verdino
66-66-66		grigio scuro
de-de-de		grigio chiaro
de-ff-de		verde marino chiaro	-> ff-de-ff
ff-00-00		rosso vivo				-> 00-ff-ff
ff-ff-aa		giallo canarino		-> aa-77-ff
ff-ff-ff		bianco

	
	
	
/****************************************************************/
	
/***************************************************************
	LINKS
******************************************************************/

.menu a, .head_div a {				/* nero */
	font-weight:bold;
	text-decoration:none;
	white-space: nowrap;
    	font-size:85%;
	padding:3px;
	background:#ffffff;
	color:#000;
	border:1px solid;
	border-color:#dedede #666666 #666666 #dedede;
	}
		
a:hover {			/* colore del link con il cursore  */
	background:#666666;
	color:#ffffff;
	border-color:#000 #666666 #666666 #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:#deffde;
	 	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:112px; left:7.1%; 
		height:90%; width:90%;
		padding:10px;
		z-index:0;
		}

/* 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:#00ffff;
	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%;
}

div.error {
	color:#ffffaa;
	width:100%;
	background-color:#ff0000;
	}
	

/*********************************************************************
   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 #666666; 
		border-width:1px;
		z-index:1; 
		background:#deffde;
		overflow:hidden; 
	 	}
	 	

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

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

/* cptin del paziente */
.cptin_paz {
		position:fixed;
		top:0%;
		left:35%;
		max-height:110px; 
		width:400px;
		overflow: scroll;
	}

/* foto del paziente */
.foto1_paz, .imag_paz { 
		position: fixed;
		top:0%;
		left: 20%;
		height:100px; 
		width:80px;
}

.foto2_paz  { 
		
		height:40px; 
		width:32px;
}

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

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


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

.image5 {	
		width:80px;
		padding:10%;
	}
	

.image6 {
			width:90%;
			
			padding:2px;
	}
	
	

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

MENU LISTE DI SELEZIONE

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

.head_table {	position:absolute; 
		border-style:none;
	 	background-color:#deffde;
	 	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:#ffffff #666666 #666666 #ffffff;
}


.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:#666666;
	padding:3px;
	color:#000;
	border-collapse:collapse;
}

.menu_list li:hover, .head_ul1 li:hover, .head_td:hover {
		padding:1px;
		background-color:#deffde;
		border: 3px solid;
		border-color:#666666 #ffffff #ffffff #666666;
}

.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:#deffde;
		font-size: 85%;
		padding:2px;
	}
	
.scomparsa {top:-30px; left: 50%;}
	
.head_ul1 { top:0;right: auto;}	 
	
.head_ul2 {top:auto;right: 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 {
	display: inline-table;
	padding:5px;
	border-width:5px; 
	border-style: inset;
	border-color: #0000ff;
	background-color:#00ffff;	
 	}



td, th {
	font-family:arial, helvetica;
	text-align: middle;
	font-size: 15px;
	padding:0px 0px 0px 0px;  
	overflow:hidden; 
	text-align:left;
	border-color: #0000ff;
	color:#000000;
  }
  
 
.button_td, .column_header {
	background-color:#0000ff;
	text-align: center;
	color:#ffffff;
    	font-weight:bold;
}
td:hover.button_td {
	background-color:#ffffff;
	color:#000;
}

td.overflow {
	overflow:scroll;
}

	
/*	tabella x comunicazioni, x showerror, sotto il menu orizzontale */

table.error  { 
	color:#ff0000;
	width:100%;
}
		
table.secondary  {  width:80%;}
table.primary  {  width:100%;}

col.sin { width:15%}
col.des {width:85%}
col.des1 {width:20%}
col.des2 {width:20%}
col.des3 {width:20%}
col.des4 {width:25%}

col.sinsin { width:10%}
col.sindes { width:60%}
col.dessin {width:10%}
col.desdes {width:20%}

/* formato linguette per sfogliare i menu */

table.linguette {
	background:#dedede;
	margin:0;
	padding:4px;
}
 
th.attiva {
	text-align:center;
	background:#dedede;
	color:#000;
	border: 2px solid;
	border-color:#666666 #ffffff #ffffff #666666;
	border-bottom:none;
}
 
th.linguetta {
	background:#ffffff;
	height:0;
	color:#dedede;
	padding: 5px 0.7em;
	border: 2px solid;
	border-color:#ffffff #666666 #666666 #ffffff;
	text-decoration:none;
	margin:-6px .3em;
	white-space: nowrap;
	text-align:center;
}

th.linguetta:link,
th.linguetta:visited {
	background:#dedede;
	color:#666666;
}

th.linguetta:hover,
th.linguetta:focus,
th.linguetta:active {
	background:#dedede;
	color:#000;
	border-bottom:none;
	padding-bottom:6px;
}


/*********************************************************************
 orario grafico dei dipendenti, si vede dopo click
**********************************************************************/

table td.bordata, tr.bordata { 
		width:80px;
		text-align: center;
}
table.orario { font-size:6px; width:100%}
table td.bordata:hover { background-color:#00ffff;}
table td.ass { background-color:#000000 }
table td.giorno0, td.ass1, tr.giorno0 {background-color:#dedede;}
table td.giorno1, td.ass2, tr.giorno1 {background-color:#aaffaa;}
table td.giorno2, td.ass3, tr.giorno2 {background-color:#00ffff;}
table td.giorno3, td.ass4, tr.giorno3 {background-color:#00ff00;}
table td.giorno4, td.ass5, tr.giorno4 {background-color:#deffde;}
table td.giorno5, td.ass6, tr.giorno5 {background-color:#ffffaa;}
table td.giorno0, td.giorno1, td.giorno2, td.giorno3, td.giorno4, td.giorno5 {text-align:center;}

div.orario {display:none;}


/******************************************************************************
Formatting For Month Table and Text from Calendar: 
 *******************************************************************************/
/**** month and year header at top of calendar ****/

.date_header,.day_cell, .empty_day_cell, .holiday_cell,.today_cell, .day_number{
    color:#000000;
    height:80;
    width: 95;
    font-size:20px;
  }

.date_header {
	font-weight:bold;
  }
.day_cell {
    background-color:#ffffaa;
  }

.empty_day_cell {
    background-color:#dedede;
  }

.holiday_cell {
	font-weight:bold;
    	background-color:#009900;
    	color:#ff0000;
  }

.today_cell {
    background-color:#deffde;
  }

/**** title_txt e' l'ora sul calendario mensile a sx ****/
.title_txt { font-size:10px;}

/**** colori per impegno studio ***/


td:hover.presente, td:hover.vuoto, td:hover.libero, td:hover.semilibero, td:hover.semioccupato, td:hover.full {
	background-color:#ffffff;
}

td.presente, td.vuoto, td.libero, td.semilibero, td.semioccupato, td.full, td.festa, .title_txt { 
	color:#000;
}

.occupato a, .semioccupato a{ display:block;}

.presente {background-color:#ffffaa;}

.vuoto {background-color:#dedede;}

.libero {background-color:#aaffaa;}

.semilibero {background-color:#00ff00;}

.semioccupato {background-color:#009900;}

.full {background-color:#006600;}

.festa {background-color:#ffffff;}

.today {background-color:#deffde;
	font-size:14px;
	text-align:center;}

/* tooltip styling. by default the element to be styled is .tooltip  */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #000;
	background-color: #dedede;
	padding: 5px;
	opacity: 0.85;
	font-size: 8px;
}

#tooltip h3, #tooltip div { margin: 0; }


/* end tooltip
</STYLE> */