/*
       ((( Daniele Marchesini email: skylark@iol.it  İ2004  All Rights reserved )))
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
*/

/*
NOTA
	definizione di stile valide per tutto il sito e per tutti i browser

	alcune attribuzioni di come il dimensionamento dei caratteri o l'overflow sono
	assegnati in base al browser e alle aree del sito in files e cartelle dedicate

*/

/* ridefinizione di tag HTML */

body{
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	width:					100%;
	height:					100%;

	background-color:		#000000; /*#797979;*/
	color:					#333333;

	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			normal;

	text-align:				center;
	overflow:				visible;
}

table{
	empty-cells:			show;
	table-layout:			auto;
	border-spacing:			0px;

	margin:					0px 0px 0px 0px;

	border-width:			0px 0px 0px 0px;
	border-style:			solid;
	border-color:			#000000;
}

td{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			normal;
}

th{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	color:					#000000;

	text-align:				left;

	border-width:			0px 0px 0px 0px;
	border-style:			solid;
	border-color:			#dddddd;
}

img{
	margin:					0px;
	border:					0px #000000 solid;
}

/*
a:link {
	color: #0000FF;
	font-weight: bold;
}

a:visited {
	color: #0000ff;
	font-weight: bold;
}
*/

a:hover {
	color: #ff0000;
}


a:active {
	color: #ff0000;
}


a.everBlue:visited{
	color: #0000ff;
}

/* nota: ul e parti di li sono definite nei css dedicati ai vari browser e piattaforme */

li{
	vertical-align:			middle;
	list-style:			square;
	/*list-style-image:		url(../../images/chrome/bullets/listArrowBullett_12_12.gif);*/
}

cite{
	color:					#888888;
}

/* forms */

form{
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
/*	width:					100%;
	height:					100%;*/
}

input{
	color:					#333333;
	background-color:		#ffffff;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	font-weight:			normal;

	border-width:			1px 1px 1px 1px;
	border-style:			solid;
	border-color:			#888888;
}

textarea{
	color:					#333333;
	background-color:		#ffffff;

	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			normal;

	border-width:			1px 1px 1px 1px;
	border-style:			solid;
	border-color:			#888888;
}

/* headers */

h1{
	margin:					0px 0px 2px 0px;
	color:					#000000;
	/*background-color:		#ffffff;*/
	border-width:			0px 0px 0px 0px;
	border-color:			#000000;
	border-style:			solid;
}

h2{
	margin:					0px 0px 2px 0px;
	color:					#000000;
	/*background-color:		#ffffff;*/
	border-color:			#000000;
	border-width:			0px 0px 0px 0px;
	border-style:			solid;
}

h3{
	margin:					0px 0px 2px 0px;
	color:					#000000;
	/*background-color:		#ffffff;*/
	border-color:			#000000;
	border-width:			0px 0px 0px 0px;
	border-style:			solid;
}

h4{
	margin:					0px 0px 2px 0px;
	color:					#000000;
	/*background-color:		#ffffff;*/
	border-color:			#000000;
	border-width:			0px 0px 0px 0px;
	border-style:			solid;
}

h5{
	margin:					0px 0px 2px 0px;
	color:					#000000;
	/*background-color:		#ffffff;*/
	border-color:			#000000;
	border-width:			0px 0px 0px 0px;
	border-style:			solid;
}

h6{
	margin:					0px 0px 2px 0px;
	color:					#000000;
	/*background-color:		#ffffff;*/
	border-color:			#000000;
	border-width:			0px 0px 0px 0px;
	border-style:			solid;
}

iframe{
	width:					100%;
/*	height:					100%;*/
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	border-width:			0px 0px 0px 0px;
	border-color:			#000000;
	border-style:			solid;
}

/* --------------[classi definite dall'utente]------------------------------------- */

.noteText{
	padding:				5px 5px 5px 5px;
	margin:					0px 0px 0px 0px;
	color:					#555555;
}

/* elementi di forms */

.inputButton{
	color:					#333333;
	background-color:		#ffffff;
}

.inputText{
	width:					100%;
	color:					#333333;
	background-color:		#ffffff;
}

.inputTextArea{
	width:					100%;
	color:					#333333;
	background-color:		#ffffff;
}

.inputCheckBox{
	background-color:		#ffffff;
}

.inputRadio{
	background-color:		transparent;
}

.inputRequired{
	width:					100%;
	color:					#000000;
	border-color:			#000000;
}

.formTable{
	width:					100%;
}

.formTextCell{
	width:					15%;
	padding:				2px 5px 2px 2px;
	text-align:				right;
	white-space:			nowrap;
}

.formInputCell{
	width:					35%;
	padding:				2px 2px 2px 5px;
	text-align:				left;
}

#required{
	font-weight:			bold;
}

/* --------------------------------------------------------------------- */

/* ---[ main table ]--- */

#mainTable{
	width:					58em; /*48em*/
	margin:					auto;
	/*height:					35em;*/
	background-color:		#b0b0b0;
}

#mainTableSideBarCell{
	width:					69px;
	padding:				0px;
	vertical-align:			top;
	background-color:		#000000; /*#797979;
	background-image:		url(../../images/chrome/bg/sideBar.gif);
	background-repeat:		repeat-y;
	background-position:	right;*/
	border-width:			0px 0px 0px 0px;
	border-color:			#ff0000;
	border-style:			solid;
}

#mainTableContentsCell{
	padding:				0px 0px 0px 0px;
	vertical-align:			top;
	background-color:		#f6f6f6;
	border-width:			0px 0px 0px 0px;
	border-color:			#ff0000;
	border-style:			solid;
}

#mainTableSideBarFooterCell{
	font-size:				1px;
	background-color:		#000000; /*#797979;*/
/*	background-image:		url(../../images/chrome/bg/sideBar.gif);*/
	background-repeat:		no-repeat;
	background-position:	right top;
	border-width:			0px 0px 0px 0px;
	border-color:			#ffffff;
	border-style:			solid;
}

#mainTableFooterCell{
	height:					23px;
	padding:				0px 0px 0px 0px;
	height:					23px;
	padding:				0px 0px 0px 0px;
	vertical-align:			top;
	background-color:		transparent;
	border-width:			0px 0px 0px 0px;
	border-color:			#ffffff;
	border-style:			solid;
}

/* ---[ top bar ]--- */

#topBarTable{
	width:					100%;
	margin:					0px 0px 0px 0px;
	background-color:		#ff8c11;
	background-image:		url(../../images/bg/main.gif);
	background-repeat:		no-repeat;
	background-position:	left top;
	border-width:			0px 0px 0px 0px;
	border-color:			#ff0000;
	border-style:			solid;
}

#topBarOffsetMainCell{
	padding:				0px 0px 0px 0px;
	background-color:		#797979;
	border-width:			0px 0px 0px 0px;
	border-color:			#000000;
	border-style:			solid;
}

#topBarOffsetCell{
	padding:				0px 0px 0px 0px;
	background-color:		#797979;
	border-width:			0px 0px 0px 0px;
	border-color:			#ffffff;
	border-style:			solid;
}

#topBarFirstCell, #topBarLastCell{
	width:					5px;
	padding:				0px 0px 0px 0px;
	text-align:				center;
	border-width:			0px 0px 1px 0px;
	border-color:			#000000;
	border-style:			solid;
}

#topBarFirstCell{
	background-color:		#797979; /*#860000;*/
}

#topBarLastCell{
	background-color:		#797979;
}

.topBarMainCell, .topBarCell,.topBarCellActive{
	padding:				0px 0px 0px 0px;
	text-align:				center;
	vertical-align:			bottom;
	border-width:			0px 0px 1px 0px;
	border-color:			#000000;
	border-style:			solid;
	white-space:			nowrap;
}

.topBarMainCell{
	background-color:		#860000;
}

.topBarCell,.topBarCellActive{
	background-color:		#797979;
}

.topBarMainCellCurrent{
	padding:				0px 5px 3px 5px;
	text-align:				center;
	vertical-align:			bottom;
	border-width:			1px 1px 0px 1px;
	border-color:			#000000;
	border-style:			solid;
	color:					#860000;
	font-weight:			bold;
	white-space:			nowrap;
}

.topBarCellCurrent{
	padding:				0px 5px 3px 5px;
	text-align:				center;
	vertical-align:			bottom;
	color:					#860000;
	font-weight:			bold;
	white-space:			nowrap;
	border-width:			1px 1px 0px 1px;
	border-color:			#000000 #000000 #ff8c11 #000000;
	border-style:			solid;
}

.topBarLayer, .topBarLayerActive, .topBarLayerNow, .topBarLayerNowActive{
	width:					100%;
	height:					100%;
	margin:					0px 0px 0px 0px;
	border-width:			1px 1px 0px 1px;
	border-style:			solid;
}

.topBarLayer{
	border-color:			#797979;
}

.topBarLayerActive, .topBarLayerNow, .topBarLayerNowActive{
	border-color:			#ffffff;
}

.topBarMainLink{
	display:				block;
	padding:				0px 5px 3px 5px;
	color:					#ffffff;
	font-weight:			normal;
	text-decoration:		none;
}

.topBarMainLink:hover{
	color:					#ff0000;
	text-decoration:		underline;
}

.topBarLink, .menuLink{
	display:				block;
	padding:				0px 5px 3px 5px;
	color:					#ffffff;
	font-weight:			normal;
	text-decoration:		none;
}

.topBarLink{
	border-width:			0px 0px 0px 0px;
	border-color:			#797979 #797979 #000000 #797979;
	border-style:			solid;
}

.menuLink{
	padding:				0px 0px 0px 0px;
}

.topBarLink:hover, .menuLink:hover{
	color:					#000000;
	text-decoration:		underline;
}

.topBarLinkActive, .topBarLinkNowActive, .topBarLinkNow{
	display:				block;
	padding:				0px 5px 3px 5px;
	color:					#860000;
	background-color:		#959595;
	text-align:				center;
	vertical-align:			bottom;
	white-space:			nowrap;
	text-decoration:		none;
	border-width:			0px 0px 0px 0px;
	border-color:			#ffffff #ffffff #797979 #ffffff;
	border-style:			solid;
}

.topBarLinkActive:hover, .topBarLinkNowActive:hover, .topBarLinkNow:hover{
	color:					#aa0000;
	text-decoration:		underline;
}

.topBarLinkNowActive, .topBarLinkNow{
	font-weight:			bold;
}


/* --[ menu (per menuLink, vedi sopra) ]-- */

.menuCell, .menuCellActive{
	padding:				0px 0px 0px 0px;
	vertical-align:			top;
	border-width:			0px 0px 1px 0px;
	border-color:			#ffc688;
	border-style:			solid;
}

.menuLayer, .menuLayerActive{
	padding:				0px 5px 3px 5px;
	vertical-align:			top;
	background-color:		#b5b5b5;
	text-align:				left;
	white-space:			nowrap;
	border-width:			0px 1px 1px 1px;
	border-color:			#ffffff;
	border-style:			solid;
}

.menuLayer{
	visibility:				hidden;
}

.menuLayerActive{
	visibility:				visible;
}

.referencesAreaLink{
	color:					#ffffff;
	text-decoration:		none;
}

.referencesAreaLink:hover{
	text-decoration:		underline;
}

.referencesAreaSelectorLink{
	display:				block;
	padding:				0em 1em 0em 0em;
	color:					#c5c5c5;
	background-color:		#404040;
	text-align:				right;
	text-decoration:		none;
	border-width:			1px 1px 1px 1px;
	border-color:			#404040 #FFC78C #404040 #404040;
	border-style:			solid;
}

.referencesAreaSelectorLink:hover{
	color:					#ffffff;
}

.referencesAreaSelectorLinkCurrent,.referencesAreaSelectorLinkCurrent:hover{
	display:				block;
	text-align:				right;
	padding:				0em 1em 0em 0em;
	color:					#840000;
	background-color:		#FF8E10;
	font-weight:			bold;
	text-decoration:		none;
	cursor:					default;
	border-width:			1px 1px 1px 1px;
	border-color:			#FFC78C #ff8e10 #FFC78C #FFC78C;
	border-style:			solid;
}

/* ---[ side bar ]--- */

#sideBarTable{
	border-width:			0px 0px 0px 0px;
	border-color:			#ff0000;
	border-style:			solid;
}

#sideBarTopCell{
	vertical-align:			top;
	padding:				0px;
	height:					63px;
	background-color:		#000000;
}

#sideBarLogo{
	background-color:		#000000;
/*	background-color:		#860000;*/
}

.sideBarCell{
	text-align:				center;
	vertical-align:			middle;
	padding:				1px 0px 1px 0px;
}

.sideBarIco{
	margin:					0px 0px 0px 0px;
}

.sideBarIcoCurrent{
	margin:					0px 0px 0px 0px;
}

.sideBarIcoLink{
	border-width:			1px 0px 1px 1px;
	border-color:			#c1c1c1;
	border-style:			solid;
	display:				block;
	padding:				0px 0px;
	margin:					1px 0px 1.4em 0px;
}

.sideBarIcoLink:hover{
	border-color:			#ffffff;
}

.sideBarIcoCurrent{
	border-width:			1px 0px 1px 1px;
	border-color:			#ffffff;
	border-style:			solid;
	display:				block;
	cursor:					default;
	padding:				0px 0px;
	margin:					1px 0px 1.4em 0px;
}

/* --[ contents ]-- */

#pageTitleTable{
	margin:					3px 0px 3px 0px;
	width:					100%;
}

#pageTitleCellLeft{
	width:					90%;
	text-align:				right;
	padding:				0px;
}

#pageTitleCellRight{
	width:					10%;
	text-align:				right;
	padding:				0px 0px 0px 0px;
}

#pageTitleLayer{
	padding:				1px 5px 3px 5px;
	white-space:			nowrap;
	background-color:		#949494;
	text-align:				right;
	font-weight:			normal;
	color:					#ffffff;
	border-width:			1px 0px 1px 1px;
	border-color:			#000000;
	border-style:			solid;
}

#section{
	font-weight:			bold;
	color:					#585858;
}

#subSection{
	font-weight:			bold;
	color:					#454545;
}

#page{
	font-weight:			bold;
	color:					#860000;
}

#contentsTable{
	width:					100%;
	margin:					0px 0px 0px 0px;
	border-width:			0px 0px 0px 0px;
	border-color:			#aaaaaa;
	border-style:			solid;
}

#contentsCell, #contentsCellDida{
	font-size:				0.68em;
	padding:				10px 10px 10px 10px;
	vertical-align:			top;
}

#galleryMainTable{
	height:					9ex;
	width:					100%;
	margin:					0px 0px 0px 0px;
}

#mainGalleryIconCell{
	padding:				0px 18px;
}

/* ---[ references ]--- */


#referencesIndexIframe{
	height:					6.5em;
	width:					100%;
	border-width:			0px;
	border-color:			#000000;
	border-style:			solid;
}

#referencesContentsIframe{
	height:					41ex;
	border-width:			0px 0px 0px 0px;
	border-color:			#000000;
	border-style:			solid;
}

body.referencesSheet{
	padding:				0px 0px 0px 0px;
	margin:					0px;
	background-color:		#f6f6f6;
	overflow:				hidden;
}

#galleryIconLayer{
	width:					100%;
	background-color:		#ff8c11;
	overflow:				auto;
	margin:					0px 0px 0px 0px;
	padding:				5px 0px 0px 0px;
	border-width:			0px 0px 0px 0px;
	border-color:			#000000;
	border-style:			solid;
}

#galleryIconTable{
	height:					4em;
	margin:					0.35em 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

.iconLabelCell, .iconLabelCellCurrent{
	font-size:				0.75em;
	padding:				0em 0em 0em 0.75em;
	text-align:				left;
	vertical-align:			top;
	white-space:			nowrap;
	border-width:			0px 0px 1px 0px;
	border-color:			#ff8c11;
	border-style:			solid;
}

.iconLabelCell{
	color:					#ffffff;
}

.iconLabelCellCurrent{
	color:					#990000;
	background-color:		#ffffff;
	font-weight:			bold;
	border-width:			0px 0px 1px 0px;
	border-color:			#ffffff;
	border-style:			solid;
}

.labelArrows{
	margin:					0px 1ex 0px 1ex;
	vertical-align:			middle;
}

.iconCell, .iconCellCurrent{
	height:					52px;
	padding:				0px 5px 0px 5px;
	text-align:				center;
	vertical-align:			top;
	white-space:			nowrap;
	border-width:			0px 0px 0px 1px;
	border-color:			#ffffff;
	border-style:			solid;
}

.referenceIndexIcon{
	margin:					1px 4px;
	border-width:			1px;
	border-color:			#FF8E10;
	border-style:			solid;
}

.referenceIndexIconCurrent{
	margin:					1px 4px;
	border-width:			1px 1px 1px 1px;
	border-color:			#ffffff;
	border-style:			solid;
}

/* ---[ reference sheet ]--- */
#mainImageTable{
	width:					100%;
	/*height:					100%;*/
}

#mainImageCell{
	text-align:				center;
	vertical-align:			top;
	padding:				5px 5px 0px 0px;
	width:					350px;
}

#mainImageDescriptionCell{
	vertical-align:			top;
	padding:				5px 5px 0px 0px;
}

#mainImage{
	margin:					0px 5px 0px 0px;
	vertical-align:			top;
	border-width:			1px;
	border-color:			#000000;
	border-style:			solid;
}

.referenceSheetIco{
	margin:					0px 3px;
	border-width:			1px;
	border-color:			#000000;
	border-style:			solid;
}

.referenceSheetDataTable{
	width:					100%;
	height:					100%;
	margin:					0px 0px 0px 0px;
}

.referenceSheetArea{
	padding:				0ex 1ex 0ex 0ex;
	color:					#ff3333;
	background-color:		#860000;
	text-align:				right;
	letter-spacing:			2ex;
}

.referenceSheetTitle{
	padding:				0ex 1ex 0ex 1ex;
	color:					#333333;
	background-color:		#e6e6e6;
	font-weight:			normal;
	text-align:				right;
}

.referenceSheetDetailNameCell{
	font-weight:			bold;
	white-space:			nowrap;
	text-align:				left;
	vertical-align:			top;
}

.referenceSheetDetailContentsCell{
	padding:				0ex 0ex 0ex 1ex;
	color:					#666666;
	text-align:				left;
	vertical-align:			top;
}

/* ---[ footer ]--- */

#footerTable{
	width:					100%;
	height:					23px;
	margin:					0px 0px 0px 0px;
	border-width:			0px 0px 0px 0px;
	border-color:			#797979;
	border-style:			solid;
}

.footerCell,.footerCellCurrent{
	padding:				4px 10px 0px 20px;
	color:					#860000;
	background-color:		#FFA540;/*#797979;*/
	background-image:		url(../../images/chrome/bg/footer.gif);
	background-repeat:		repeat-y;
	vertical-align:			middle;
	text-align:				right;
	border-width:			1px 0px 0px 0px;
	border-color:			#ffffff;
	border-style:			solid;
	white-space:			nowrap;
}

.footerLink{
	padding:				0px 5px 3px 5px;
	color:					#ffffff;
	font-weight:			normal;
	text-decoration:		none;
}

.footerLink:hover{
	color:					#000000;
	text-decoration:		underline;
}

.footerMainCell{
	width:					50ex;
	padding:				1px 20px 1px 20px;
	background-color:		#000000; /*#860000;*/
	color:					#aaaaaa;
	vertical-align:			top;
	text-align:				right;
	border-width:			1px 0px 0px 1px;
	border-color:			#ffffff #ffffff #ffffff #000000;
	border-style:			solid;
	white-space:			nowrap;
}

.footerMainLink{
	padding:				0px 5px 3px 5px;
	color:					#ffffff;
	font-weight:			normal;
	text-decoration:		none;
}

.footerMainLink:hover{
	color:					#ff0000;
	text-decoration:		underline;
}

/* news */

.newsTable{
	width:				100%;
	border-width:		0px 0px 0px 0px;
	border-style:		solid;
	border-color:		#e0e0e2;
}

.newsImage{
	border:				1px #333333 solid;
}

.newsImageCell{
	width:				90px;
	vertical-align:		top;
	text-align:			center;
	padding:			5px 10px 5px 5px
}

.newsTitleCell{
	background-color:	#ffb05a;
	font-weight:		bold;
	text-align:			left;
	vertical-align:		middle;
	padding:			0px 0px 0px 5px;
	border-width:		0px 0px 1px 1px;
	border-color:		#000000;
	border-style:		solid;
}

.newsDateCell{
	color:				#888888;
}

.newsContentCell{
	padding:			5px 0px 5px 0px;
}

.newsInfoCell{
	color:				#888888;
	padding:			5px 0px 10px 0px;
	vertical-align:		top;
}

.newsInfoLink{
	/*color:				#ff9900;*/
}

.newsInfoLink:hover{
	text-decoration:	underline;
}

/* links */

.linksTable{
	width:				100%;
	border-width:		0px 0px 0px 0px;
	border-style:		solid;
	border-color:		#e0e0e2;
}

.linksImage{
	border:				1px #333333 solid;
}

.linksImageCell{
	width:				90px;
	vertical-align:		top;
	text-align:			center;
	padding:			5px 10px 5px 5px
}

.linksTitleCell{
	background-color:	#ffb05a;
	font-weight:		bold;
	text-align:			left;
	vertical-align:		middle;
	padding:			0px 0px 0px 5px;
	border-width:		0px 0px 1px 1px;
	border-color:		#000000;
	border-style:		solid;
}

.linksDateCell{
	color:				#888888;
}

.linksContentCell{
	padding:			5px 0px 5px 0px;
}

.linksInfoCell{
	color:				#888888;
	padding:			5px 0px 10px 0px;
	vertical-align:		top;
}

.linksInfoLink{
	/*color:				#ff9900;*/
}

.linksInfoLink:hover{
	text-decoration:	underline;
}

#referencesContentsIframe{
	height:						30em;
	overflow:					auto;
}