/**
***************************************************************	Art-03 Skin
**/


/** SEZIONE STANDARD: FORMATTA GLI OGGETTI CHE COMPONGONO LA STRUTTURA DEL PORTALE **/
/** E' consigliato lasciare invariata questa sezione **/

			/******	BODY ******/
	    /** Sfondo della pagina **/
			
body
{
	font-family: "Verdana";
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

			/** TESTO GENERICO **/
tr
{
  font-family: "Verdana";
  font-size: 9pt;
  color: #000000;
}

/** FINE SEZIONE STANDARD: FORMATTA GLI OGGETTI CHE COMPONGONO LA STRUTTURA DEL PORTALE **/

			/******	TABELLA SUPERIORE ******/

.TabTopStyle
{
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  border-left: 1px solid #0022aa;
  border-right: 1px solid #0022aa;
}


			/******	TABELLA CENTRALE ******/

.TabCenterStyle
{
  background-color: #FFFFFF;
  border-left: 1px solid #0022aa;
  border-right: 1px solid #0022aa;
}

/** STILE IN MODALITA' MODIFICA DEL PANNELLO **/
.ContentStyleClass
{
  background-color: #FFFFFF;
  border-left: 1px solid #0022aa;
  border-right: 1px solid #0022aa;
  border-style: none;
  color: black;
  font-weight: normal;
  padding: 0;
}


			/******	TABELLA INFERIORE ******/

.TabBottomStyle
{
  background-color: #FFFFFF;
  border-left: 1px solid #0022aa;
  border-right: 1px solid #0022aa;
  color: #000000;
}

			/******	PORTLET STILE 1******/

/** Sfondo **/
.StileSkin-1
{
	background: #FFFFFF;
}

.StileSkin-1 .PTitleLeftTop
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titlelefttop.gif);
	background-repeat: no-repeat;
}

.StileSkin-1 .PTitleLeftMiddle
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titleleftmiddle.gif);
}

.StileSkin-1 .PTitleLeftBottom
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titleleftbottom.gif);
}

.StileSkin-1 .PTitleTop
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:1px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titletop.gif);
}

.StileSkin-1 .PTitleMiddle
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:20px;
	color:#6288B6;
	font-size: 15px;
	font-weight: bold;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titlemiddle.gif);
}

.StileSkin-1 .PTitleBottom
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:2px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titlebottom.gif);
}
 
.StileSkin-1 .PTitleRightTop
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titlerighttop.gif);
}

.StileSkin-1 .PTitleRightMiddle
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titlerightmiddle.gif);
}

.StileSkin-1 .PTitleRightBottom
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/titlerightbottom.gif);
}

.StileSkin-1 .PContentLeft
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/contentleft.gif);
}

.StileSkin-1 .PContent
{

}

.StileSkin-1 .PContentRight
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/contentright.gif);
}

.StileSkin-1 .PBottomLeft
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/bottomleft.gif);
}

.StileSkin-1 .PBottom
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:5px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/bottom.gif);
}

.StileSkin-1 .PBottomRight
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-1/bottomright.gif);
}




			/******	PORTLET STILE 2******/

/** Sfondo **/
.StileSkin-2
{
	background: #E9EFF5;
}

.StileSkin-2 .PTitleLeftTop
{
	/** Attenzione! specificare la larghezza **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2 .PTitleLeftMiddle
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2 .PTitleLeftBottom
{
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2 .PTitleTop
{
	height:1px;
	
	background:  #80A0C6;
}

.StileSkin-2 .PTitleMiddle
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:20px;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	
	background:  #80A0C6;
}

.StileSkin-2 .PTitleBottom
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:2px;
	
	background:  #80A0C6;
}
 
.StileSkin-2 .PTitleRightTop
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2 .PTitleRightMiddle
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2 .PTitleRightBottom
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2 .PContentLeft
{
}

.StileSkin-2 .PContent
{
}

.StileSkin-2 .PContentRight
{
}

.StileSkin-2 .PBottomLeft
{
}

.StileSkin-2 .PBottom
{
}

.StileSkin-2 .PBottomRight
{
}

			/******	PORTLET STILE 2 BIS******/

/** Sfondo **/
.StileSkin-2Bis
{
	background: #FFFFFF;
}

.StileSkin-2Bis .PTitleLeftTop
{
	/** Attenzione! specificare la larghezza **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2Bis .PTitleLeftMiddle
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2Bis .PTitleLeftBottom
{
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2Bis .PTitleTop
{
	height:1px;
	
	background:  #80A0C6;
}

.StileSkin-2Bis .PTitleMiddle
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:20px;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	
	background:  #80A0C6;
}

.StileSkin-2Bis .PTitleBottom
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:2px;
	
	background:  #80A0C6;
}
 
.StileSkin-2Bis .PTitleRightTop
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2Bis .PTitleRightMiddle
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2Bis .PTitleRightBottom
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:10px;
	
	background:  #80A0C6;
}

.StileSkin-2Bis .PContentLeft
{
}

.StileSkin-2Bis .PContent
{

}

.StileSkin-2Bis .PContentRight
{
}

.StileSkin-2Bis .PBottomLeft
{
}

.StileSkin-2Bis .PBottom
{
}

.StileSkin-2Bis .PBottomRight
{
}


			/******	PORTLET STILE 3******/

/** Sfondo **/
.StileSkin-3
{
	background: #EFF3F8;
}

.StileSkin-3 .PTitleLeftTop
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titlelefttop.gif);
	background-repeat: no-repeat;
}

.StileSkin-3 .PTitleLeftMiddle
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titleleftmiddle.gif);
}

.StileSkin-3 .PTitleLeftBottom
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titleleftbottom.gif);
}

.StileSkin-3 .PTitleTop
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titletop.gif);
}

.StileSkin-3 .PTitleMiddle
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:3px;
	color:#3366AA;
	font-size: 11px;
	font-weight: bold;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titlemiddle.gif);
}

.StileSkin-3 .PTitleBottom
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:5px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titlebottom.gif);
}
 
.StileSkin-3 .PTitleRightTop
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titlerighttop.gif);
}

.StileSkin-3 .PTitleRightMiddle
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titlerightmiddle.gif);
}

.StileSkin-3 .PTitleRightBottom
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/titlerightbottom.gif);
}

.StileSkin-3 .PContentLeft
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/contentleft.gif);
}

.StileSkin-3 .PContent
{

}

.StileSkin-3 .PContentRight
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/contentright.gif);
}

.StileSkin-3 .PBottomLeft
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/bottomleft.gif);
}

.StileSkin-3 .PBottom
{
	/** Attenzione! specificare l'altezza dell'immagine **/
	height:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/bottom.gif);
}

.StileSkin-3 .PBottomRight
{
	/** Attenzione! specificare la larghezza dell'immagine **/
	width:3px;
	
	/** Usare sempre path relativi **/
	background:  url(images/html/skins/Temi/Art-03/Stile-3/bottomright.gif);
}




				/******	MENU' ******/


/** SFONDO **/
.TabTitleStyleClass
{
  border-right-style: solid;
  border-left-style: none;
  color: #3D6293;
  font-weight: normal;
  padding: 0;
}

/** LINGUETTA NON SELEZIONATA **/			
.TitleStyleClass a:hover, .TitleStyleClass a, .TitleStyleClass a:visited
{
  text-decoration: none;
  border-style: none;
  color: #3D6293;
  font-weight: bold;
  padding: 0;
  font-size: 10pt;
}

/** LINGUETTA SELEZIONATA **/	
.HighlightTitleStyleClass
{
  border-style: none;
  color: #8A0024;
  font-weight: bold;
  padding: 0;
  font-size: 10pt;
}

/*1. lo stile del div contenitore con id=”menu_css_verticale”*/
.MainMenu{
	width: 180px; 
       height:100%;
     	padding:1px; 
	background-color:#E9EFF5;
	/*border:1px solid #80A0C6;*/
}

/*2. lo stile css dei link (elementi <a>)*/
.MainMenu a{
	display:block;
	height:25px;
	margin-top:1px;
	padding-left:15px;
	background-color:#E9EFF5;
	border-left:10px solid #80A0C6;
	font-family:arial;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#80A0C6;
	line-height:25px;
}

/*3. lo stile css sullo stato hover dei link*/
.MainMenu a:hover{
	background-color:#E5E5E5;
	border-left:10px solid #CCCCCC;
	color:#666666;
}

/* rimossione del margine superiore per il primo link*/
.MainMenu a.primo{
	margin-top:0;
} 

.SubMenu
{
    display: none;
    position: relative;
    margin: 0px -25px 0px 0px;
    background-color:#FFFFFF;
    width: 175x;
}

.SubMenu a{ 
	height:25px;
	margin-top:1px;
	padding-left:15px;
	border-left:10px solid #E9EFF5;
	background-color: #E9EFF5;
	font-family:arial;
	font-size:10px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	color:red;
}

				/******	OROLOGIO ******/
				
.DateStyleClass
{
  background-color: #EAF1FF;
  border-top: 1px solid #D8E6FE;
  border-bottom: 1px solid #D8E6FE;
  border-right-style: none;
  border-left-style: none;
  font-style: normal;
  font-size: 10px;
  width: 100%;
  text-align: right;
  color: #3D6293;
  font-weight: bold;
  padding: 0;
}





				/****** BOTTONI ******/
.bottone
{
  color: #8A0024;
  background: #EBEBEB;
  border: 1px outset #000000;
  cursor:hand;
}






				/******	TABELLA GESTIONE UTENTI ******/
				
/** STILE DELLA TABELLA **/
.userTable
{
  border:1px solid #BCC6CF;
}

/** STILE DEL TITOLO DELLA TABELLA **/
.userTitle
{
  background-color: #BCC6CF;
  font-weight: bold;
  font-style: italic;
  line-height: 2em;
}




				/******	INTERNAL FRAME NOTIZIE ******/


.iframeNews
{
  background-color: #FFFFFF;
}





				/******	LINEE ORIZZONTALI ******/
hr		{
  color: #7D98BB;
  width: 100%;
  height: 1px
}




				/******	OGGETTI LABEL MASCHERE ******/
.labelMaschere		{
  font-weight:bold;
  font-size:10px;
  color:#9F9F9F;
}




				/******	OGGETTI INPUT ******/
input		{
  color: #6A6A6A;
  background: #EBEBEB;
  border: 1px inset;
}



				/****** PORTLET DI CONFIGURAZIONE ******/
				

.tableMenuConfigPortal	{
  border-style: none;
}

				
				
.configPortalInactive	{
  height: 25px;
  font-weight:bold;
  font-size:10px;
  color:#FFFFFF;
  background-color: #55759C;
  border: 1px solid #354E6B;
  cursor: pointer;
}				

.configPortalActive	{
  height: 25px;
  font-weight:bold;
  font-size:10px;
  color:#000000;
  background-color: #BCC6CF;
  border-top: 1px solid #132841;
  border-left: 1px solid #132841;
  border-right: 1px solid #132841;
  border-bottom-style: none;
  cursor: pointer;
}

.sfondoVoce1	{
  height: 25px;
  background-color: #F2F2F2;
  font-size:11px;
  color:#440000;
}

.sfondoVoce2	{
  height: 25px;
  background-color: #FFFFFF;
  font-size:11px;
  color:#440000;
}
