﻿/* *********************************************************** */
/* ***************   INIZIO VOCI SKIN ARTMEDIA XHTML ********* */
/* *********************************************************** */

body {
	color:#303030;
	background:#e8eaec;
	margin:0;
	padding:0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* text-align: center; */ /*centra in IE 5.x */	
	text-align: left; 	
}

div#container {
	width: 940px; 
	padding: 1px 0;
	height: auto;
	margin: 20px auto;   /*centra negli altri browsers (non IE 5)*/
    text-align: left;   /* ripristina l' allineamento settato nel Body */
	border:2px solid #a0a0a0;
	background:#ffffff;
	color:#303030;
}

#header{	
	background-image: url(sf_top.gif);
	background-repeat:repeat-x;
	height: 80px; /* 96+50 */
	width: 938px;
	margin:1px 1px 1px 1px;
	clear:both;
	float:left;
}


#header .left {
	background-image: url(logo.gif);
	background-position: 0 20px;
	background-repeat: no-repeat;
	
	height:80px;	 
	width:350px;
	float:left;
	padding-left:5px;
	white-space:nowrap;
}
#header .right {
/*	background-image: url(banner.jpg);
	background-position: 100% 0; 
	background-repeat: no-repeat;
*/	
	height:80px;	 
	width:500px;
	float:right;
	padding-right:0px;
}

#navigation {
	background-image:url(sfMenu.jpg); 
	width:938px;
	height:32px;
	color:#ffffff;
	padding:0px 0px 0px 0px;
	clear:both;
	float:left;
	margin:0px 0px 0px 0px; 
}

#barraUsername {
	padding:0px 0px 0px 0px;
	width:938px;
	clear:both;
	float:left;
	height:20px;
}
#barraUsername .left {	 
	width:580px;
	float:left;
	height:20px;
	padding-left:5px;
	text-align:left; 
	white-space:nowrap;
}
#barraUsername .right {	 
	width:340px;
	float:left;
	height:20px; 
	text-align: right; 
	padding-right:10px;
	white-space:nowrap;
}


/************************/
/*	INIZIO 2 COLONNE		*/
/************************/
#dnn_contentpane{
	float:left;
	width:530px;
	padding:0 0 0 0;
}
#dnn_subcontent{
	float:right;
	width:260px; 
	padding:0 0 0 0;
}
#dnn_subcontentpane p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Columns *************************/
#dnn_splitcontentleft{float:left; width:64%;padding:5px 0 0 0px;}
#dnn_splitcontentright{float:right; width:34%;padding:5px 0 5px 0;}
#dnn_singlecolumn{width: auto; padding:5px; text-align:left;}

/**************** Footer styles ****************/
#footerArea{
	background-image:url(sfMenu.jpg);
	height:28px;
	clear:both;
	width:938px; /* 798px; */
	padding:0px 0px;
	margin:0px 1px;
	font-style: normal; 
	font-family: 'trebuchet ms', 'Georgia', Tahoma, Verdana, Arial, serif;
	font-size: .8em;
	color:#f0f0f0;
}
#footerArea p{padding:0; margin:0; text-align:center;}
#footerArea a{color:#ffffff; background-color:inherit; font-weight:bold;}
#footerArea a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
/************************/
/*	FINE 2 COLONNE		*/
/************************/

/* ********************************************************** */
/* ***************   FINE VOCI SKIN ARTMEDIA XHTML  ********* */
/* ********************************************************** */



/* ***************************************** */
/*        INIZIO x MENU ArtmediaCSSMenu      */
/* ***************************************** */
 /* Tier 1 */
.artmediacssmenu ul.AspNet-Menu {
	width: 938px;
	line-height:29px;
    padding: 0px 0px 0px 0px;
}

/* INIZIO  voci menu root */
.artmediacssmenu li.AspNet-Menu-Leaf a,
.artmediacssmenu li.AspNet-Menu-Leaf a:link,
.artmediacssmenu li.AspNet-Menu-Leaf a:visited,
.artmediacssmenu li.AspNet-Menu-Leaf a:link {
    color: White; /*colore del testo nelle voci root che NON hanno di figli. NB: solo per quelle che NON hanno figli! */
	text-decoration: none;
	white-space:nowrap;
}
.artmediacssmenu li.AspNet-Menu-Leaf a:hover {
    color: White;
	background: #80807F; /* #80807F; #1B8ACF; */
}
/* FINE voci menu root */

/* Tier 2 */
.artmediacssmenu ul.AspNet-Menu ul{
    top: 100%;
    left: 0;
    background: #333333; /* #9FC24A;  #999999; */ 
	
	/* segue added da luca x larghezza voci dei livelli inferiori */
	width:160px !important;
	white-space:nowrap !important; 
}

/* SEGUE VOCE added da luca x larghezza voci del Tier 2  */
ul li ul li.AspNet-Menu-WithChildren,
ul li ul li.AspNet-Menu-Leaf {
    color: white; /* #AD005A;=Viola */
	background: #333333; 
	 
	/* segue added da luca x larghezza voci dei livelli inferiori */
	width:160px !important;
	white-space:nowrap !important; 
}
.artmediacssmenu ul.AspNet-Menu ul li a:hover,
.artmediacssmenu ul.AspNet-Menu ul ul li a:hover,
.artmediacssmenu ul.AspNet-Menu ul li.AspNet-Menu-WithChildren:hover,
.artmediacssmenu ul.AspNet-Menu ul ul li.AspNet-Menu-WithChildren:hover,
.artmediacssmenu ul.AspNet-Menu ul ul ul li.AspNet-Menu-WithChildren:hover  {
    color: white !important; /* #AD005A;=Viola */  
	background: #80807F !important; 
}

/* assegno il colore alle voci di livello 2 */
.artmediacssmenu ul.AspNet-Menu ul li a,
.artmediacssmenu ul.AspNet-Menu ul ul li a,
.artmediacssmenu ul.AspNet-Menu ul ul ul li a,
.artmediacssmenu ul.AspNet-Menu ul li.AspNet-Menu-WithChildren,
.artmediacssmenu ul.AspNet-Menu ul ul li.AspNet-Menu-WithChildren,
.artmediacssmenu ul.AspNet-Menu ul ul ul li.AspNet-Menu-WithChildren  {
    color: white !important;  
	background: #333333; !important; /* #AD005A;=Viola */  
}
/* /VOCE added da luca x larghezza voci dei livelli inferiori */

/* Tier 3+ */
.artmediacssmenu ul.AspNet-Menu ul ul,
.artmediacssmenu ul.AspNet-Menu ul ul ul {
	/*width: 120px; */
    top: -0.5em;
    left: 160px; /* 6em; */
    background: #80807F; /* #B9B9B9; */
	 
	/* segue added da luca x larghezza voci dei livelli inferiori */
	width:160px !important;
	white-space:nowrap !important; 
}
/* all list items */
.artmediacssmenu li {
    width: 100px;
    background: transparent;
/*
	font-family: 'trebuchet ms', 'Georgia', Tahoma, Verdana, Arial, serif;
	font-size: .8em;
	font-weight: bold; 
	font-style: normal;
*/
}
.artmediacssmenu ul.AspNet-Menu li {
	font-family: 'trebuchet ms', 'Georgia', Tahoma, Verdana, Arial, serif;
	font-size: .8em; 
	font-weight: bold; 
	font-style: normal;
}
.artmediacssmenu ul.AspNet-Menu ul li {
	font-family: 'trebuchet ms', 'Georgia', Tahoma, Verdana, Arial, serif;
	font-size: 1em; 
	font-weight: bold; 
	font-style: normal;
}
.artmediacssmenu ul.AspNet-Menu ul ul li {
	font-family: 'trebuchet ms', 'Georgia', Tahoma, Verdana, Arial, serif;
	font-size: 1em; 
	font-weight: bold; 
	font-style: normal;
}
/* list items being hovered over */
.artmediacssmenu li:hover, 
.artmediacssmenu li.AspNet-Menu-Hover {
    background: #80807F; /* Black; */
}

/* all anchors and spans (nodes with no link) */
.artmediacssmenu a, 
.artmediacssmenu span {
    color: White; /*colore del testo nelle voci root che hanno di figli. NB: solo per quelle che hanno figli! */
    padding: 2px 2px 1px 8px;
    border:1px solid White;
    background: transparent url(arrowRight.gif) right center no-repeat; 
}

/* leaves */
.artmediacssmenu li.AspNet-Menu-Leaf a, 
.artmediacssmenu li.AspNet-Menu-Leaf span {
    background-image: none !important;
}
/* colore del testo HOVER nelle voci root che hanno di figli. NB: solo per quelle che hanno figli! */
.artmediacssmenu li:hover a, /* hovered text */
.artmediacssmenu li:hover span,
.artmediacssmenu li.AspNet-Menu-Hover a,
.artmediacssmenu li.AspNet-Menu-Hover span,
.artmediacssmenu li:hover li:hover a,
.artmediacssmenu li:hover li:hover span,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.artmediacssmenu li:hover li:hover li:hover a,
.artmediacssmenu li:hover li:hover li:hover span,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
/*
	REMMATO XCHE' ASSEGNATO IN MODO ESPLICITO ALLE VOCI DI LIVELLO 2 E 3
    color: White; 
	background: #333333; 
*/
}

.artmediacssmenu li:hover li a, /* the tier above this one is hovered */
.artmediacssmenu li:hover li span,
.artmediacssmenu li.AspNet-Menu-Hover li a,
.artmediacssmenu li.AspNet-Menu-Hover li span,
.artmediacssmenu li:hover li:hover li a,
.artmediacssmenu li:hover li:hover li span,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.artmediacssmenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span {
    color: White; /*colore del testo nelle sottovoci (voci figlie delle voci root) */
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.artmediacssmenu .AspNet-Menu-Selected /* this tier is selected */
{
	/*
    border: solid 1px #00ff00 !important;
	*/
}

.artmediacssmenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
	/*
    border: solid 1px #ff0000 !important;
	*/
}

.artmediacssmenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
	/*
    border: solid 1px #0000ff !important;
	*/
}
/* ***************************************** */
/*        FINE x MENU ArtmediaCSSMenu      */
/* ***************************************** */



