/* ================================
    CSS STYLES by CasaSoftware 
	Autore Paolo Casadei
   ================================
*/   
html{}
body{
	height:100%;width:100%;
	margin:0px;padding:0px;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
    background-color: white;	
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url(sfondopallinitintaunitatrasparenteTagliato400.gif);	
}
form	{margin:0px;padding:0px;}
div		{margin:0px;padding:0px;}
span	{margin:0px;padding:0px;}
img 	{border: none; 	margin:0px;	padding:0px;}
h1  	{font-size: 150%;font-weight:    normal;color: #666644;}
h2  	{font-size: 120%;font-weight:    normal;color: #666644;}
hr 		{border: 0;width: 100%;} 


/*  */
.foto{border-right-width: 5px;border-bottom-width: 5px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-right-color: #333333;	border-bottom-color: #333333;	border-top-width: 2px;	border-left-width: 2px;	border-top-color: #CCCCCC;	border-left-color: #CCCCCC;	padding: 2px;	margin: 2px;}
.bordato{border-width: 1px;border-style: solid;border-color: #999;	padding: 2px;	margin: 2px;}

.centrato	{width:100%;margin:auto;	text-align:center;}
.blocco		{display:block;padding:0.5em ;margin:1px;}
.menu 		{width:100%;padding:0.2em ;margin:3px;color:#363;background-color: #f9f9f9; font-size:70%;}
.menu a		{display:block;}

.piccolo			{font-size: 70%;text-align:left;}
.grande				{font-size: 130%;text-align:left;}
.moltogrande		{font-size: 150%;text-align:left;}

.verde				{color: #096;}
.verde a:link 		{color: #096;}
.verde a:visited 	{color: #096;}
.verde a:active  	{color: #096;}
.verde a:hover   	{color: #096;}
a.verde			{color: #096;}
a.verde:link 	{color: #096;}
a.verde:visited {color: #096;}
a.verde:active  {color: #096;}
a.verde:hover   {color: #096;}

.rosso			{color: #ea5c4e;}
.rosso a:link 	{color: #ea5c4e;}
.rosso a:visited {color: #ea5c4e;}
.rosso a:active  {color: #ea5c4e;}
.rosso a:hover   {color: #ea5c00;text-decoration:underline;}
a.rosso:link 	{color: #ea5c4e;}
a.rosso:visited {color: #ea5c4e;}
a.rosso:active  {color: #ea5c4e;}
a.rosso:hover   {color: #ea5c00;text-decoration:underline;}

.sfondoverde	{background-color: #eff9f5; border: 1px solid #999;position:relative;}
.sfondorosso	{background-color: #ea5c4e; border: 1px solid #999;position:relative;}

.larghezza100	{padding:0; margin:auto; width:100%;position:relative;}
.larghezza80	{padding:0; margin:auto; width:80%;position:relative;}
.larghezza50	{padding:0; margin:auto; width:50%;position:relative;}

.titolo				{
	margin:3px auto;padding:2px;
	font-size:130%;
	font-weight: normal;
	color: #096;
	width:95%;
	background-color:#eee;
	/*background-color: #F90;*/
	/*background-color: #FFCC66;*/
	text-align: center;
	vertical-align: middle;
	border: 1px solid #999999;
}
a.titolo:link 		{text-decoration:none;color: #096;}
a.titolo:visited  	{text-decoration:none;color: #096;font-weight: normal;}
a.titolo:active   	{text-decoration:none;color: #096;font-weight: normal;}
a.titolo:hover    	{text-decoration:none;color: #f00;font-weight: normal;}

.sottotitolo				{
	margin:2px;padding:2px;
	font-size:110%;
	font-weight: bold;
	color: #3c413c;
	width:100%;
	/*
	background-color: ff9900;
	border: 1px solid #999999;
	*/
	text-align: left;
	vertical-align: middle;
}
a.sottotitolo:link 		{text-decoration:none;color: #096;}
a.sottotitolo:visited  	{text-decoration:none;color: #096;font-weight: normal;}
a.sottotitolo:active   	{text-decoration:none;color: #096;font-weight: normal;}
a.sottotitolo:hover    	{text-decoration:none;color: #f00;font-weight: normal;}

.CommandButton     		{font-weight: normal;}
a.CommandButton:link 	{text-decoration:underline;color: #363;}
a.CommandButton:visited {text-decoration:underline;color: #363;font-weight: normal;}
a.CommandButton:active  {text-decoration:underline;color: #363;font-weight: normal;}
a.CommandButton:hover   {text-decoration:none;color: #f00;font-weight: normal;}
 
.SelectedTab 			{text-decoration:none;color:black;font-weight: normal;font-size: 100%;}
a.SelectedTab:link 		{text-decoration:underline;color:black;}
a.SelectedTab:visited  	{text-decoration:underline;color:black;}
a.SelectedTab:active   	{text-decoration:underline;color:black;}
a.SelectedTab:hover    	{text-decoration:underline;color:white;}

.OtherTabs 			{text-decoration:none;color: black;font-weight: normal;}
a.OtherTabs:link 	{text-decoration:none;color:black;}
a.OtherTabs:visited {text-decoration:none;color:black;}
a.OtherTabs:active  {text-decoration:none;color:black;}
a.OtherTabs:hover   {text-decoration:none;color:white;}

/* Titi di link diversi */
.LinkContainer {}
.LinkItem {}
.LinkImage {}

.LinkText			{font-weight: normal;}
a.LinkText:link 	{text-decoration:none;color: #363;}
a.LinkText:visited  {text-decoration:none;color: #363;font-weight: normal;}
a.LinkText:active   {text-decoration:none;color: #363;font-weight: normal;}
a.LinkText:hover    {text-decoration:none;color: #f00;font-weight: normal;}

.LinkTextGrande				{font-weight: normal;font-size:150%;}
a.LinkTextGrande:link 		{text-decoration:none;color: #363;}
a.LinkTextGrande:visited  	{text-decoration:none;color: #363;font-weight: normal;}
a.LinkTextGrande:active   	{text-decoration:none;color: #363;font-weight: normal;}
a.LinkTextGrande:hover    	{text-decoration:none;color: #f00;font-weight: normal;}

.griglia				{width:100%; clear:both;}
.griglia div 			{padding:0; margin:1em 0;	width: auto; float:left; text-align: center;}
.griglia span 			{padding:0; margin:1em 0;	width: auto; float:left; text-align: center;}
.griglia ul				{padding:0; margin:0; list-style-type:none;}
.griglia ul li 			{padding:0; margin:1em;	list-style-type:none; width: auto; float:left; text-align: center;}
.griglia ul li a 		{color:#b92f29; width: auto;}
.griglia ul li a:hover 	{color:#363;}

.griglia span.etichetta		{padding:0; margin:0 0.5em;	width: 20%;	 float:left; text-align: right;}
.griglia span.etichetta50	{padding:0; margin:0 0.5em;	width: 50%;	 float:left; text-align: right;}
.griglia span.contenuto		{padding:0; margin:0 0.5em;	width: auto; text-align: left;	display: block;}
.griglia span.titolo		{padding:0; margin:0 0.5em;	width: auto; float:left; text-align: left;	display: block;}
.griglia span.colonna50		{padding:0; margin:0 0.5em;	width: 50%; float:left; text-align: left;	}
.griglia span.colonna33		{padding:0; margin:0 0.5em;	width: 30%; float:left; text-align: left;	display: block;}
.griglia span.colonna25		{padding:0; margin:0 0.5em;	width: 20%; float:left; text-align: left;	display: block;}
.griglia span.colonna20		{padding:0; margin:0 0.5em;	width: 15%; float:left; text-align: left;	display: block;}

.colonna50	{}
.colonna33	{}
.colonna25	{}
.colonna20	{}


.etichetta				{font-weight:normal;color:Olive;text-align:right;}
.etichetta50			{font-weight:normal;color:Olive;text-align:right;}
.etichettaLeft			{font-weight:normal;color:Olive;text-align:Left;}

.contenuto				{font-weight:normal;text-align:justify;	margin:0.2em 0.2em 0.5em 2em;padding:2px;display: block;}
.contenutobold			{font-weight:bold;font-style:normal;text-align:left;}
.contenutoitalic		{font-weight:lighter;font-style:italic;text-align:left;}

.cornice				{border: thin solid #000000;}
.nomargine				{margin:0; padding:0;}
.evidenza				{background-color: #F0F0F0;}

/* -------------- Utilizzati dal CMS ------------- */
.container	{width:100%; height:100%; min-height:100%; position:relative;}
.header		{width:100%; margin:0; padding:0;}
.LeftPane	{width:10em; height:100%; margin:0; padding:5px;}
.RightPane	{width:10em; height:100%; margin:0; padding:5px;}
.ContentPane{width:100%; height:auto; margin:0; padding:5px;}
.TopPane	{width:100%; margin:0; padding:5px;}
.BottomPane	{width:100%; margin:0; padding:5px;}

/*
.ContentPane{padding:0.5em 0.1em 1.5em 1.1em;margin: 0 11.1em;height:100%;}
.ContentPaneDueColonne{padding:0.5em 0.5em 1.5em 0.5em;margin: 0 0 0 11.1em;height:100%;}
*/
.EditPane{	
	/*margin:5px 0px 0px 205px;
	padding:0px 0px 0px 0px;	
	background-color:transparent;
	/*overflow:auto;*/
	 /*margin-left: 11em;
	 margin-right: 11em;*/
	 background-color:transparent;	 
 	 border-width: 1px 1px 6px 1px;
	 border-style: solid;
	 border-color: #0D4381;
	 overflow:hidden;
	 z-index: 1;
}
.footer{
	font-size:100%;
	width:100%;height:1.3em;
	background-color:#eee;
	text-align: center;
	vertical-align: middle;
	border-top: #000000 1px solid; 	
}
.footer a:link, .footer a:visited{
	color:#333333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
}

.footerSotto{
	background-color:#9eadaa;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#363;
	margin:1em 0 0 0;
	padding:0;
	font-size:70%;	
	width:100%;
	text-align: center;
	vertical-align: middle;
}
.footerSotto a:link, #footer a:visited{
	color:#333333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
}

.logo{
	width:100%;
	margin:0px;
	padding:0px;
	/*background-image:url(ospedaleTestata.jpg);
	background-repeat: repeat;
	*/
	background-color: #096;
	height: 70px;
}

.title{background: #9eadaa;margin:0px;padding:0px;width:100%;height:1.8em;border-bottom:1px solid #000000;}
.title h1{color:#fff;font-size:140%;font-weight:normal;margin:0px;padding:2px 0px 0px 4px;}
.title .SMHead  {color:#ffffff;font-size:100%;font-weight:normal;}

.utilstrip{font-size:90%;color:#000;width:100%;height:1.4em;background-color:#ccc;position:relative}

.breadcrumb{margin:0;padding:0;}
.breadcrumb a:link, #breadcrumb a:visited{color:#000;}

.login{margin:2px 0px 0px 0px;padding:0;text-align: right;position:absolute;right:0;}
.login a:link, .login a:visited{color:#000000;}

.search{margin:1px 5px 0px;	padding:0;	text-align: right;	float: right;}
.search a:link, .search a:visited{color:#000000;}

.NavigazioneNascosta {position:absolute; top: -1000em; left: -1000em; }

.Message{font-size: 100%;font-weight: normal;background-color: #eeeeee}   

.ItemTitle{font-size:100%;font-weight:    bold;color: #003366;}

.ModuleBg {	background-color: #336633;}

.NormalTextBox{font-weight: normal;}
.NormalRed{font-weight: bold;color: #ff0000}
.NormalBold{font-weight: bold}

.Normal				{font-size:100%;	font-weight: normal;}
a.Normal:link 		{text-decoration:none;color: #363;}
a.Normal:visited  	{text-decoration:none;color: #363;font-weight: normal;}
a.Normal:active   	{text-decoration:none;color: #363;font-weight: normal;}
a.Normal:hover    	{text-decoration:none;color: #f00;font-weight: normal;}

.Head   			{
	font-size:110%;
	font-weight: normal;
}
.SubHead    		{font-size:100%;font-weight: normal;}
.SubSubHead 		{font-size:80%;font-weight: normal;}

/* -------------- MENU PRINCIPALE (VERTICALE SINISTRO) ------------- */
.MenuVerticale 			{
	padding:0;
	margin:10px 0px;
	width:100%;
	font-size:90%;
}
.MenuVerticale ol		{padding:0; margin:0; list-style-type:none;}
/* Livello 0 */
.MenuVerticale ol li 	{list-style-type:none; padding:0; margin:0;width:100%;}
.MenuVerticale ol li a 	{
	display:block;
	color:#b92f29;
	padding:0.5em 1em 0.5em 0;
	margin:1px 0;
	/*padding:0.6em 24px 0.6em 0.1em;*/
	background-image: url(LogoRER20x20.gif);
	background-color:white;
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #00736b;
}
.MenuVerticale ol li a img{padding:0;margin:0;}
.MenuVerticale ol li a:hover {
	color:#363;
	background-image: url(logorer15x15.gif);	
	padding:0.5em 1em 0.5em 0;
	margin:1px 0;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #333333;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;
	border-left-color: #333333;
	border-left-width: 2px;
	border-left-style: solid;	

}
.MenuVerticale ol li strong 	{}
.MenuVerticale ol li strong a	{}

/* Livello 1 */
.MenuVerticale ol li ol li a 		{
	color:#363;
	padding:0.2em 1em 0.2em 0;
	margin:0;
	background-image: none;
	background-color: #f9f9f9;
	border: none;
	font-size:70%;
	border: 1px solid #f9f9f9;
}
.MenuVerticale ol li ol li a:hover 	{padding:0.2em 1em 0.2em 0;;margin:0;background-color:white;}
.MenuVerticale ol li ol li strong 	{}
.MenuVerticale ol li ol li strong a	{}

/* livello 2 */
.MenuVerticale ol li ol li ol li a{padding:0.2em 1em;margin: 0; background-color: #f4f4f4;}  /*#a5b9c2;}*/
.MenuVerticale ol li ol li ol li a:hover{padding:0.2em 1em;margin:0;}
.MenuVerticale ol li ol li ol li strong {}
.MenuVerticale ol li ol li ol li strong a{}

/* Livello 3 */
.MenuVerticale ol li ol li ol li ol li a{padding:0.2em 1.5em;margin:0;background-color: #eee;}
.MenuVerticale ol li ol li ol li ol li a:hover{	padding:0.2em 1.5em;margin:0}
.MenuVerticale ol li ol li ol li ol li strong {}
.MenuVerticale ol li ol li ol li ol li strong a {}

/* Livello 4 */
.MenuVerticale ol li ol li ol li ol li ol li a{padding:0.2em 1.5em;margin:0;background-color:#eaeaea;}
.MenuVerticale ol li ol li ol li ol li ol li a:hover{	padding:0.2em 1.5em;margin:0}
.MenuVerticale ol li ol li ol li ol li ol li strong {}
.MenuVerticale ol li ol li ol li ol li ol li strong a {}

/* Livello 5 */
.MenuVerticale ol li ol li ol li ol li ol li a{padding:0.2em 1.5em;margin:0;background-color:#eee;font-size:60%;color:#000;}
.MenuVerticale ol li ol li ol li ol li ol li a:hover{	padding:0.2em 1.5em;margin:0}
.MenuVerticale ol li ol li ol li ol li ol li strong {}
.MenuVerticale ol li ol li ol li ol li ol li strong a {}

/* -------------- MENU PRINCIPALE (Orizontale) ------------- */

.MenuOrizontalePrincipale { 
	font-weight:bold;font-size:100%;	
	background-color:#cc9;
	text-align: center;
	width:100%;
	height:1.3em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.MenuOrizontalePrincipale ol {margin:0; padding: 0 0 0 10px; list-style-type :none;}	
.MenuOrizontalePrincipale ol li {
   float:left;
   font-size: 70%; 
   background-image:url(MenuOrizontaleDX.gif);
   background-repeat: no-repeat;
   background-position: right top;
   margin: 3px 0px 0px 0px;padding:0px;
}
.MenuOrizontalePrincipale ol li a {
	float: left;display: block;width: auto;
	background-image:url(MenuOrizontaleSX.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;padding: 6px 12px 4px 12px;
	background-color: transparent;   
	text-decoration: none;
}
.MenuOrizontalePrincipale ol li a:link, .MenuOrizontalePrincipale ol li a:visited {color: #2A7652;background-color: transparent;}
.MenuOrizontalePrincipale ol li a:hover, .MenuOrizontalePrincipale ol li a:active {color: #2A7652;background-color: transparent;}
.MenuOrizontalePrincipale ol li strong {
   	float:left;
   	background-image:url(MenuOrizontaleDXStrong.gif);
   	background-repeat: no-repeat;
   	background-position: right top;
    margin:0;padding:0px;
}
.MenuOrizontalePrincipale ol li strong a {
	float: left;display: block;width: auto;
	background-image:url(MenuOrizontaleSXStrong.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;padding: 6px 12px 4px 12px;
	background-color: transparent;   
	text-decoration: none;
}
.MenuOrizontalePrincipale ol li strong a:link, .MenuOrizontalePrincipale ol li strong a:visited {
	color: white;
	background-color: transparent;
}
.MenuOrizontalePrincipale ol li strong a:hover, .MenuOrizontalePrincipale ol li strong a:active {
	color: white;
	background-color: transparent;
}
/*   */
/* -------------- MENU di SERVIZIO (Orizontale) ------------- */

.MenuOrizontaleServizio {
	background-color:#eee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#363;
}
.MenuOrizontaleServizio ol 				{margin:0; padding: 0; list-style-type :none; height:auto;}
.MenuOrizontaleServizio ol li 			{margin:0 0 0 1em; padding: 0; font-size: 70%; display: inline;}
.MenuOrizontaleServizio ol li a 		{color:#060;}
.MenuOrizontaleServizio ol li a:hover 	{color:#000;text-decoration: underline}
.MenuOrizontaleServizio ol li a:visited	{color:#060;}
.MenuOrizontaleServizio ol li strong 	{margin:0 0 0 1em; padding: 0;display: inline;}
.MenuOrizontaleServizio ol li strong a 	{background-color: transparent;color:#060;}

/* -------------- MENU di SERVIZIO (Orizontale) ------------- */
.MenuOrizontaleQuick 				{background-color:#eee;}
.MenuOrizontaleQuick ol 			{display: inline; margin:0; padding: 0px; list-style-type :none; height:auto;}
.MenuOrizontaleQuick ol li			{display: inline; margin: 0 1em 0 1em;padding: 2px;font-size:90%;}
.MenuOrizontaleQuick ol li a		{text-decoration: none;color:#00736b;}
.MenuOrizontaleQuick ol li a:hover 	{color:#363;text-decoration: underline}
.MenuOrizontaleQuick ol li ol li			{display: inline; margin: 0 1em 0 1em;padding: 2px;}
.MenuOrizontaleQuick ol li ol li a			{text-decoration: none;color:#00736b;}
.MenuOrizontaleQuick ol li ol li a:hover 	{color:#363;text-decoration: underline}


*   form   */
.titoloForm {
 font-weight: bolder;
 font-size:150%;
 color: #33b5a4;
 text-align: left;
 width: 100%;
 list-style-type: disc;
 }
 
.SezioneTestata{}
.SezioneSchede{}
.SezioneCorpo{}
.SezioneComandi{margin:20px;} 
.SezionePiede{}
.sezioneForm {
 font-weight: bolder;
 color: #FFFFFF;
 text-align: left;
 background-color: #33b5a4;
 width: 100%;
 list-style-type: disc;
 }
 
 
 
.boxEsterno {
  background-color: #e7e7e7;
  border: 2px solid #33b5a4;
  margin: 5px;
  padding: 0px;
 }
 
 
.boxInterno {
	margin:10px;
}

.boxInterno a {
}
.boxInterno a:hover {
}

 
.contenutoForm{ }
  
.campoetichetta { margin: 5px 10px; color:#339966; }
.CampoInput {margin:1px 5px; } 
.CampoObbligatorio { } 
.CampoDescrizione {display: block; color:#669966; font-size:60%;} 
.CampoHelp {margin:1px 5px; } 
.CampoLink {
	padding:15px;
 } 
.CampoLink a {
	margin:15px;
	background-color:#eee;
	border-bottom:2px solid	#000;
	border-right:2px solid	#000;
	border-left:2px solid	#fff;
	border-top:2px solid	#fff;
 } 
.CampoLink a:hover {
	margin:15px;
	background-color: #CCCCCC;
	border-bottom:2px solid	#fff;
	border-right:2px solid	#fff;
	border-left:2px solid	#000;
	border-top:2px solid	#000;
 } 

.LinkButtonForm {
  /*
  text-align: center;
  text-align: center;
  display: block;
  width: 100px;
  */
  color: #ffffff;
  padding: 2px 20px;
  margin: 20px 5px;
  background-color: #e7e7e7;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
 }

.cssHelp {
	margin-left:5px;
	margin-right:5px;
}

.cssEtichetta {
	width: 20%;
	text-align: left;
	vertical-align: middle;
	color: #bd0054;
	text-indent: 0px;
	padding:0 10px 0 0;

}

.cssCampo {
	_clear: right
	}	
	
.cssCampoInput {
	_clear: right
	}	
	
.cssNota {
	clear:none;
	color: #bd0054;
	width: 90%;
	padding-left: 100px;
	font-size: xx-small;
	display:block;
	margin:0;
}


.commandButtonAAAAAAAAAAAAAAA {
		_text-align: center;
		_display: block;
		width: 100px;
		color: #ffffff;
		padding: 5px;
		text-align: center;
		background-color: #D0C9DC;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom: 2px solid #000;
		border-right: 2px solid #000;
		border-left: 2px solid #fff;
		border-top: 2px solid #fff;
	}


.HeaderStyle {
	color: #fff;
	background-color: #5F706C;
	font-weight: bold;
	padding-top: 10px;
	margin-left: 50px;
	padding-bottom: 10px;
	border: 1px solid #795198;
}

.ItemStyle {
	background-color: #d9dfde; //e0d9ec;
	_vertical-align: middle;
	}
.AlternatingItemStyle {
	background-color: #9eadaa;
	vertical-align: middle;
	
	}	
.FooterStyle {
}	

.DataGridCSSclass{
	width:90%;
	background-color: #d9dfde;
	border: 2px solid #eee;
	margin: auto;
	padding: 5px;
	font-size: medium;
	text-align:center;
	
}
.HeaderStyleInterna {
	display:none;
	height:0;
}
.ItemStyleInterna {
	background-color: #FFEEE6; //e0d9ec;
	_vertical-align: middle;
	}
	
.AlternatingItemStyleInterna {
	background-color: #FFFFF4;
	vertical-align: middle;	
	}	
	
.FooterStyleInterna {
}	

.DataGridCSSclassInterna{
	width:99%;
	background-color: #d9dfde;
	border: 0px solid #eee;
	margin: auto;
	padding: 1px;
	font-size: small;
	text-align: left;
	
}


table.tabellaLista {
    width:95%;
 border-width: 3px;
 border-spacing: ;
 border-style: solid;
 border-color: #33b5a4;
 border-collapse: collapse;
 background-color: #e7e7e7;
}
table.tabellaLista td {
 text-align:center;
 padding: 5px;
 border: 0px;
 -moz-border-radius: ;
}