/*----------------selctors to font face, size and color. Selectors also for titles and paragraph-------------*/

body { margin: 0px 15px 0px 10px; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color:#555555;  font-size: 0.7em; line-height: 1.3em;}

p { margin:  0 0 1.3em 0; }

.adverBox p { margin:  0 0 6px 0; }

h1 { margin: 0px 0px 1em 0px ; font-size : 1.50em;  line-height: 1.4em; font-weight: bold;}

h2 {
	margin: 1.8em 0px 6px 0px;
	font-size : 1.20em;
	line-height: 1.30em;
	font-weight: bold; 
	border-bottom: 1px solid #cccccc;
	padding-bottom : 2px;
}


h3 { margin: 0px 0px 0px 0px;  font-size : 1.0em;  line-height: 1.20em;  font-weight: bold; }

.detail { font-size : 1.20em; line-height: 1.30em; font-weight: bold;} /*to give a specila dimension*/

.little  { font-size: 0.90em;}
.gray {color: #555555;}
.red {color: #990000;}
.brown {color: #990033;}
.white {color: #FFFFFF;}
.spacer {font-size: 2px;}


/*----------------selctors to specify the hierarchical list and unordered list-------------*/
ol,ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type : none;
}

li {
	margin-top :0px;
	margin-bottom :3px;
}

#hierarchicalList ol.indent {
	margin-left:  20px;
	margin-bottom : 0px;
}
ol.spaceTop li{	margin-top : 1.6em;} 

ol.arhr li, ul.arhr li  {
	margin-top : 0px;
	padding: 0px 0px 0px 10px;
	margin-right :4px;
	background : url(/webcommon/r-images/arrowhr.gif) no-repeat;
}

li.arrowGray  {
	padding: 0px 0px 0px 10px;
	margin-right :4px;
	background : url(/webcommon/r-images/arrowg.gif) no-repeat;
}


/*----------------selctors to specify different type of unordered list and title for grouping-------------*/
ul.indent, ol.indent {
	margin-left:  20px; 
	margin-bottom:  1.6em; 
}

ul.noIndent  {
	margin-left: 0px; 
	margin-bottom:  1.6em;
}

ul.space li  {
	margin-bottom: 1em;
}

ul.noSpace li  {
	margin-bottom: 4px;
}

ul.noSpaceLine li  {
	margin-bottom : 5px;
	padding-bottom : 5px;
	border-bottom: 1px solid #cccccc;	
}

.rightMenu ul {margin-bottom:  1.2em; }

.titleList {
	font-size : 1.20em;
	line-height: 1.30em;
	font-weight: bold;
	margin-bottom : 3px;
	border-bottom: 1px solid #cccccc;
	margin-bottom : 6px;
	padding-bottom : 2px;
}


.titleList2 {
	font-size : 1.20em;
	line-height: 1.30em;
	font-weight: bold;
	margin-bottom : 3px;
	padding-bottom : 2px;
}

.titleListSmall {
	font-size : 1.0em;
	line-height: 1.30em;
	font-weight: bold;
	margin-bottom : 0px;
	border-bottom: 1px solid #cccccc;
	margin-bottom : 6px;
	padding-bottom : 2px;
}


.titleListSmall2 {
	font-size : 1.0em;
	line-height: 1.30em;
	font-weight: bold;
	margin-bottom : 0px;
	padding-bottom : 2px;
}

.noEmptyLine { margin-bottom: 0px;}


/*----------------selectors for composing bullet list in the TEXT area (valid also for LIST area)-------------*/

ul.square li  {
	list-style : square;
	list-style-position : outside;
	margin-bottom:  0.4em;
	margin-left : 15px;
}
ul.disc li  {
	list-style : disc;
	list-style-position : outside;
	margin-bottom:  0.4em;
	margin-left : 15px;
}
ul.circle li  {
	list-style : circle;
	list-style-position : outside;
	margin-bottom:  0.4em;
	margin-left : 15px;
}

ul.nu li  {
	list-style : decimal;
	list-style-position : inside;
	margin-bottom:  0.4em;
	margin-left : 0px;
}

/*----------------selctors to align object on left and right, used for images and text-------------*/
.floatLeft {float : left;	margin : 0px 6px 0px 0px;}
.floatRight {float : right;	margin : 0px 0px 0px 6px;}
.newLine {clear: all;}
img {border : none;}
.borderBox {border: 1px solid #cccccc;}

/*----------------Classes to be used  for <p> <ul> <ol>-------------*/
.lineMenuLeft {border-bottom: 1px solid #bbbbbb; padding-bottom : 4px; margin-bottom : 3px;}
.lineBottomMenuRight {border-bottom: 1px solid #bbbbbb; padding-bottom : 4px; margin-bottom : 3px;}
.lineBottom {border-bottom: 1px solid #cccccc;	margin-bottom : 6px; padding-bottom : 2px;}
.lineTop {border-top: 1px solid #cccccc; margin-top : 6px; padding-top : 4px;}
.lineBottomBlue {border-bottom: 2px solid #6699FF;	margin-bottom : 6px; padding-bottom : 2px;}
.lineBottomGray {border-bottom: 3px solid #cccccc;	margin-bottom : 6px; padding-bottom : 2px;}
.lineTopGray {border-top: 3px solid #cccccc;	margin-bottom : 6px; padding-bottom : 2px;}

#pageTitle {
/* 	border-bottom : 10px solid #ffffff;		usata per lasciare spazio dal filetto verticale*/
	margin-bottom : 2em;
}
#pageTitle p { margin: 0 0 5px 0;} /* Spazio data-titolo pagina*/


/*----------------Classes for aligning contents used for <p> <ul> <ol> -------------*/
.center {text-align : center;}
.right {text-align : right;}


/*----------------Classes for formatting form fields-------------*/

form {margin : 0 0 0 0;}
input.search {width: 100px; margin-right : 2px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 8pt;}
input {margin-right : 5px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 8pt;}
textarea {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;  font-size: 8pt;}
select {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;  font-size: 8pt;}
input.butt {background-color: #F5F5F5; color: #000000;  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;   font-weight: bold; font-size: 11px; width : 20px;}
input.buttflex {background-color: #F5F5F5; color: #000000;  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;   font-weight: bold; font-size: 11px;}


/*----------------Style for components: leftMenu, rightMenu, adverBox grayBox------------*/

.leftMenu {
	border-top: 3px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F9EFBE;
	margin-bottom : 15px;
	text-align: left;
	width: 150px;
}

.leftMenu td
{ padding: 4px;}


.rightMenuYellow {
	border-top: 3px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F9EFBE;
	margin-bottom : 15px;
	text-align: left;
	width : 100%;
}

.rightMenuYellow td
{ padding: 4px;}


.searchBox {
	border-top: 3px solid #CCCCCC;
	background-color: #F9EFBE;
	width : 100% ;
}

.searchBox td
{ padding: 0px;}


.adverBox {
	border: 1px solid #CCCCCC;
	background-color: #F0F0EB;
	margin-bottom : 15px;
	text-align: left;
}

.adverBox td
{ padding: 4px;}


.featureBox {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	margin-bottom : 15px;
	text-align: left;
}

.featureBox td
{ padding: 4px;}


.featureBoxRight {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	margin-bottom : 15px;
	text-align: left;
}

.featureBoxRight td
{ padding: 4px;}



.rightMenu {
	border-top: 3px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F0F0EB;
	margin-bottom : 15px;
	text-align: left;
	width : 100%;
}

.rightMenu td
{ padding: 4px 4px 0px 4px;}


.relatedBox {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F0F0EB;
	margin-bottom : 15px;
	text-align: left;
	width : 100%;
}

.relatedBox td
{ padding: 4px 4px 0px 4px;}


.grayBox {
	border-top: 3px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F0F0EB;
	margin-bottom : 15px;
	text-align: left;
	width : 100%;
}

.grayBox td
{ padding: 4px 4px 0px 4px;}


.grayBox1 {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F0F0EB;
	margin-bottom : 15px;
	text-align: left;
	width : 100%;
}

.grayBox1 td
{ padding: 4px 4px 0px 4px;}


.newsBox {
	border-top: 3px solid #CCCCCC;
	margin-bottom : 15px;
	text-align: left;
	padding: 0px;
	width : 100%;
}

.newsBox td
{ padding: 0px;}


.borderBlue	{border-top-color:  #6699FF;}
.borderRed	{border-top-color:  #C80000;}
.borderOrange	{border-top-color: #FF9900;}


#floatingBox {
	float : right;
	width : 150px;
	background-color: #ffffff;
	padding-left : 15px;
}


.pulldownMenu {
	border-bottom: 1px solid #CCCCCC;
	background-color: #F0F0EB;
	margin-bottom : 0px;
	text-align: right;
	width : 100%;
	padding: 0px;
}

.pulldownMenu td
{ padding: 0px;}

.sectionMenuPull {border-bottom: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom : 0px; text-align: right; width : 100%; padding: 0px;}
.sectionMenuPull td {padding: 0px;}


/*----------------Style for table used to layout lists or data------------*/
.grid {
	width:100%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom : 15px;
}
.grid tr th {
		text-align : left;
		padding: 2px 6px 2px 6px;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		font-weight: normal;

}
.grid tr td {
		padding: 3px 6px 3px 6px;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		vertical-align: top;
}


.alternateRows {
	width:100%;
	margin-bottom : 15px;
	border-bottom: 1px solid #cccccc;
}

.alternateRows tr th {
		text-align : left;
		padding: 1px 6px 1px 6px;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #ffffff;

}
.alternateRows tr td {
		padding: 3px 6px 3px 6px;
		border-left: 1px solid #ffffff;
		vertical-align: top;
}


.horizontalLine {
	width:100%;
	margin-bottom : 15px;
	border-bottom: 1px solid #cccccc;
}

.horizontalLine tr th {
		text-align : left;
		padding: 1px 6px 1px 6px;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #ffffff;

}
.horizontalLine tr td {
		padding: 3px 6px 3px 6px;
		border-bottom: 1px solid #cccccc;
		vertical-align: top;
}




/*----------------Links formattimg-------------*/

A:link, A:active {	color: #0033cc;	text-decoration: none;border-bottom: dashed #999999 1px;}
A:visited {	color: #993300;	text-decoration: none;border-bottom: dashed #999999 1px;}
A:hover {color: #990000;text-decoration: underline;border-bottom: none;}

A.none:link, A.none:visited, A.none:active {text-decoration: none; color: #0033cc;border-bottom: none;}
A.none:hover {text-decoration: none; color: #990000; border-bottom: none;}

A.blue:link, A.blue:visited, A.blue:active {text-decoration: none; color: #0033cc;border-bottom: none;}
A.blue:hover {text-decoration: underline; color: #990000;border-bottom: none;}

A.blueu:link, A.blueu:visited, A.blueu:active {color: #0033cc;	text-decoration: none;border-bottom: dashed #999999 1px}
A.blueu:hover {text-decoration: underline; color: #990000;border-bottom: none;}


A.gray:link, A.gray:visited, A.gray:active {text-decoration: none; color: #666666;border-bottom: none;}
A.gray:hover {text-decoration: underline; color: #990000;border-bottom: none;}

A.grayu:link, A.grayu:active {	color: #666666;	text-decoration: none;border-bottom: dashed #999999 1px;}
A.grayu:visited {	color: #993300;	text-decoration: none;border-bottom: dashed #999999 1px;}
A.grayu:hover {color: #990000;text-decoration: underline;border-bottom: none;}

A.white:link, A.white:visited, A.white:active {text-decoration: none; color: #FFFFFF;border-bottom: none;}
A.white:hover {text-decoration: underline; color: #F9EFBE;border-bottom: none;}

A.whiteu:link, A.whiteu:active, A.whiteu:visited {	color: #FFFFFF;	text-decoration: none;border-bottom: dashed #999999 1px;}
A.whiteu:hover {color: #F9EFBE;text-decoration: underline;border-bottom: none;}

.rightMenu A:link, .rightMenu A:active {text-decoration: none; color: #0033cc;border-bottom: none;}
.rightMenu A:visited {	color: #993300;	text-decoration: none;border-bottom: none;}
.rightMenu A:hover {text-decoration: underline; color: #990000; border-bottom: none;}

.featureBoxRight A:link, .featureBoxRight A:active {text-decoration: none; color: #0033cc;border-bottom: none;}
.featureBoxRight A:visited {	color: #993300;	text-decoration: none;border-bottom: none;}
.featureBoxRight A:hover {text-decoration: underline; color: #990000; border-bottom: none;}

/*---------------------------To be reviewed-----------------------------*/
A.doc:visited {text-decoration: none; color: #0050D8;}
A.doc:active {text-decoration: underline; color: #FF8000;}
A.doc:hover {text-decoration: underline; color: #FF8000;}

A.red:link {text-decoration: none; color: #ff0000;}
A.red:visited {text-decoration: none; color: #ff0000;}
A.red:active {text-decoration: none; color: #FF8000;}
A.red:hover {text-decoration: underline; color: #FF8000;}
/*--------------------------------------------------------*/



/*----------------Backfound colors to be sued in table, tr and td but also p and ul-------------*/
.bgblack {background-color: #000000;}
.bggrayda {background-color: #666666;}
.bggrayme {background-color: #999999;}
.bggrayli {background-color: #DDDDDD;}
.bggrayxli {background-color: #F5F5F5;}
.bgbeige {background-color: #F0F0EB;}
.bgwhite {background-color: #FFFFFF;}
.bgyell {background-color: #F9EFBE;}
.bgred {background-color:  #C80000;}
.bgblue1 {background-color: #003399;}
.bgblue2 {background-color: #6699FF;}


.bgdshad1 {background-image: url(/webcommon/s-images/bgdshad1.gif); font-size : 3px;}