img.transparent { behavior:url("/iefixes/iepngfix.htc"); }

body
{
	background-color: #e4e4e5;
	text-align: center;
	padding: 0;
	margin: 0;
	
}

/*

- blue head, logo:	#597586
- blue content:		#0F5D91

- bright gray background (outer):	#e4e4e5
- dark gray background (inner):	 #979797	 alt: #8a8a8a

- table borders (e.g. media):		#666666

- content font:		arial, 11px, black


*/



/*********************************
     NUKE STYLE 
**********************************/

/* element defaults */

input, select, textarea, td, div
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}

p 
{
	padding: 0;
	margin: 0px 0px 5px 0px;
}

/* style of item titles on edit and admin pages */
.Head
{
	font-family: Arial;
	font-size: 14px;
	color: #3a3a3a;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	text-align: left;
}

.SubHead
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: white;
}

.SubTitle {
	font-weight: bold;
	font-size: 13px;
}

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: Black;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: Black;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #ff0000;
}

.NormalDisabled 
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #444444;
}

small, .small
{
	font-size: 11px;
}


.verysmall { font-size: 9px; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.space { height: 8px; }
.big { font-size: 19px; }
.top { vertical-align: top;}
.bottom { vertical-align: bottom;}
.middle { vertical-align: middle;}


/* Standard Link */
a { font-weight: bold;}
A:link { text-decoration: none; color: #0F5D91; }
A:visited {	text-decoration: none; color: #0F5D91; }
A:hover { text-decoration: underline; color: #0F5D91; }
A:active { 	text-decoration: none; 	color: #0F5D91;}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Arial;
	font-size: 12px;
	color: #0F5D91;
	font-weight: bold;
	text-decoration: none;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link{	text-decoration: none;	color: #0F5D91;}
A.CommandButton:visited { 	text-decoration: none; 	color: #0F5D91;}
A.CommandButton:hover {text-decoration: underline;color: #0F5D91;}
A.CommandButton:active {text-decoration: underline;	color: #0F5D91; }


.SkinObject
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #0F5D91;
	font-family: Arial;
	text-decoration: none;
}

A.SkinObject:link { text-decoration: none; 	color: #0F5D91; }
A.SkinObject:visited {text-decoration: none;color: #0F5D91;}
A.SkinObject:hover{	text-decoration: none;color: #0F5D91;}
A.SkinObject:active{text-decoration: none;color: #0F5D91;}


/* button style for standard HTML buttons */
.StandardButton
{
	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
}

/* admin panel */
.ControlPanel
{
	width: 100%;
	background-color: White;
}

.ControlPanel .SubHead
{
	color: Black;
}



/*********************************
     SKIN STYLE 
**********************************/


#xall 
{
	text-align: center;
	background-image: url("img/bg-bot-out.png");
	background-position: bottom;
	background-repeat: no-repeat;
}

#xoutline
{
	margin-top: 5px;
	text-align: center;
	background-color: #979797;
	width: 999px;
	margin-left: auto;
	margin-right: auto;
}

#xhead 
{
	float: left;
	width: 100%;
	background-image: url("img/bg-top.png");
	background-position: top;
	background-repeat: no-repeat;
}

.xheadpic 
{
	float: left;
	margin-top: 22px;
	text-align: left;
	vertical-align: top;
	height: 245px;
	width: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	
}

#xlogo
{
	padding: 124px 0px 0px 23px;
	float: left;
}



#xlogin 
{
	float: right;
	padding-right: 20px;
	padding-top: 215px;
}

.xlogin 
{
	
}

#xnav
{
	background-color: Black;
	
	margin: 0;
	padding: 0;
	margin-left: 27px;
	height: 44px;
	
	font-family: Arial;
	font-size: 13pt;
	color: White;
	font-weight: bold;
	letter-spacing: 1px;
	
	/* fix IE 6/7 z-index bux */
	position: relative; 
	z-index: 10;
}


#xnav div.ntop 
{
	display: block;
	float: left;
	margin-top: 1px;
	margin-left: 0;
	z-index: 299;
}

#xnav div.nbot 
{
	display: block;
	float: left;
	margin-top: 20px;
	z-index: 298;
}


/*** MENU BASE ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	z-index: 200;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			19px; /* match top ul list item height */
	z-index:		9;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}

/*** MENU STYLE ***/
.sf-menu {
	
	color: white;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			white;
}
.sf-menu li {
	background:		black;
}
.sf-menu li li {
	background:		#aebac3;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:			#597586;
	outline:		0;
	text-decoration: none;
}
.sf-menu li a
{
	font-family: Arial;
	font-size: 13pt;
	color: White;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1px 10px 1px 10px;
}
.sf-menu li li a {
	font-family: Arial;
	font-size: 13px;
	padding: 3px 8px;
	font-weight: normal;
}
.sf-menu li ul {
	background-color: #aebac3;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
}


#xnav a:link{	text-decoration: none;	color: white;}
#xnav a:visited { 	text-decoration: none; 	color: white;}
#xnav a:hover {text-decoration: none;color: #597586;}
#xnav a:active {text-decoration: none;	color: #597586; }

#xnav a.active { color: #597586;}
#xnav a.active:link{	text-decoration: none;	color: #597586;}
#xnav a.active:visited { 	text-decoration: none; 	color: #597586;}
#xnav a.active:hover {text-decoration: none;color: #597586;}
#xnav a.active:active {text-decoration: none;	color: #597586; }


#xbody
{
	position: relative;
	background-image: url("img/bg-bot-in.png");
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 400px;
	width: 999px;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: Black;
	margin: 0;
	padding: 0;
}

#xcontent
{
}

#xleft
{
	position: relative;
	float: left;
	text-align: left;
	width: 360px;
}

.SkinComplex #xleft 
{
	width: 210px; 
}

#xleftpic
{
	display: block;
	padding-top: 40px;
}

#xleftnav 
{
	display: block;
	padding-top: 16px;
	padding-bottom: 15px;
	padding-left: 35px;
}

#xleftcontent 
{
	display: block;
	padding-top: 15px;
	padding-left: 35px;
	padding-bottom: 340px;  /* make sure the sponsor logos don't cover the left pic area */
	
}

#xsponsors
{
	float: left;
	position: absolute;
	left: 30px;
	bottom: 10px;
	width: 324px;
	height: 250px;
	margin: 0; 
	padding: 0;
}


#xright
{
	float: right;
	width: 585px;
	text-align: left;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 26px; /* make sure the main text don't cover the main content area */
}

.SkinComplex  #xright
{
	width: 740px;
}

#xwidecontent 
{
	padding-top: 15px;
	padding-left: 28px;
	padding-right: 25px;
	padding-bottom: 26px; /* make sure the main text don't cover the main content area */
	text-align: left;
	
}

#xfootnote
{
	position: absolute;
	bottom: 10px;
	left: 390px;
	float: right;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	color: White;
}

#xfoot
{
	height: 42px;
}



/*********************************
     CONTENT STYLE 
**********************************/

img.cphoto 
{
	background-color: White;
	margin: 2px 4px 2px 0px;
	padding: 0;
}
/*
img.cgallery 
{
	display: inline;
	background-color: White;
	border: solid 1px #444444;
	margin: 2px 4px 2px 0px;
	padding: 3px;
	vertical-align: middle;
}*/

.ui-autocomplete a 
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

#xbody hr 
{
	border: none;
	border-top: solid 1px #666666;
	height: 1px;
}

/**** NICE GALLERY LAYOUT ***/

.cwrap div {
	float: left;
}
.cwrap a {
	display: table-cell;
	width: 189px;
	height: 189px;
	text-align: center; /* qui e non su precedente, iCab3 */
	vertical-align: middle;
}
.cwrap img {
	padding: 0;
	vertical-align: middle;
	background-color: White;
}
/*\*//*/
* html .cwrap a {
	display: block;
}
* html .cwrap span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 1px;
}
* html .cwrap a {
	font-size: 1px;
}
/* non serve solito shift background-position: 11px 11px per IE/Mac, forse perche' su inline-block? */
.cwrap div {
	border-collapse: collapse; /* Op7 */
}


/**** END OF    NICE GALLERY LAYOUT ***/


td.ctablelist 
{
	border-bottom: solid 1px #666666;
	border-top: solid 1px #666666;
}

td.ctablebottom
{
	border-bottom: solid 1px #666666;
}

td.ctable
{
	border: solid 1px #666666;
}

table.ctable 
{
	border: solid 1px #666666;
	border-collapse: collapse;
}

table.ctablelist 
{
	border-collapse: collapse;
}

table.ctableborder 
{
	border-collapse: collapse;
	border: solid 1px #666666;
}


.middle td { vertical-align: middle; }
.bottom td { vertical-align: bottom; }
.top td { vertical-align: top; }
.left td { text-align: left; }
.right td { text-align: right; }
.center td { text-align: center; }
.bold td { font-weight: bold; }

table.listpadding td, td.listpadding { padding: 1px 15px 1px 3px; }
table.borderlistpadding td, td.borderlistpadding { padding: 1px 15px 1px 3px; }
table.noborderlistpadding td, td.noborderlistpadding { padding: 1px 15px 1px 0px; }

table.collapse { border-collapse: collapse; }

.cellborder td { border: solid 1px #666666; }
.rowborder tr { border:  solid 1px #666666; }

.shade, .shade td { background-color: #7b7b7b; /*#e4e4e5;*/ }


/*** Old page specials ***/

.organigramm td 
{
	padding: 0px 10px 0px 10px;
	background-color: #bbbbbb;
}

.organigramm td.transparent
{
	background-color: transparent;
}

.organigramm table.transparent td 
{
	background-color: transparent;
}

.organigramm h3, .organigramm .subtitle
{
	color: Black;
	font-weight: bold;
	font-size: 14px;
}

.organigramm .title 
{
	color: White;
	font-weight: bold;
	font-size: 16px;
}

.organigramm .people 
{
	color: #444444;
	font-style: italic;
}

.organigramm a { font-weight: normal; text-decoration: underline; }
.organigramm a:link { text-decoration: underline; color: #0F5D91; }
.organigramm a:visited {	text-decoration: underline; color: #0F5D91; }
.organigramm a:hover { text-decoration: underline; color: #0F5D91; }
.organigramm a:active { 	text-decoration: underline; 	color: #0F5D91;}

/** end of old page specials  */


.clear {
	clear: both;
	margin: 0;
	padding: 1em 0;
}


.MSERichText 
{
	text-align: left;
	background-color: #979797;
}