/***********************************************/
/* HTML tag styles general styles              */
/***********************************************/ 

body{background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; color: #477491; line-height: 1.166; margin:0;}
form {margin: 1px;}
form select, input {color:#732978; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 5px;}
a:link {color: #477491;}
a:visited{ color: #666699;}
a:hover{color: #FF0000;}
a:active{color: #999999;}

.pulsante {	background-color: #FF9900; color: #0000FF;	font-size: 10px; font-weight: bold; text-transform: uppercase; 	border: thin solid #98785B;}

a.pulsante {
	color: #0000FF;
	font-weight: bold;
	background-color: #FF9900; text-decoration:none;
	text-transform: uppercase;
	font-size: 10px;
	border: thin solid #98785B;
	padding: 2px;
}
a.pulsanteInfo {
	color: #0000FF;
	font-weight: bold;
	background-color: #99CCFF; text-decoration:none;
	text-transform: uppercase;
	font-size: 10px;
	border: thin solid #98785B; padding: 2px;	}

a.button {
	color: #0000FF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	text-transform: uppercase;
	font-size: 10px;
	padding: 2px;
	text-decoration:blink;
}

a.tab { background-color:#477491; color: #FF9900; margin: 0 0 0 15px; padding: 3px 10px; font-weight: bold;
text-transform: uppercase; text-decoration:none;
}

/* class per onErr nei moduli*/
.redmessage {color:#FF0000; text-decoration: blink;}

h1, h2, h3, h5 {line-height: normal; margin: 0; padding:0 ;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; font-style:normal;}
/*label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}*/
/* class per testo rosso*/
.redtext {color:#FF0000; }

/*STRUTTURA: wrap(contiene tutto) mainheader(la testa) content(contenuto dx) navBarSX(a sx) siteInfo(piede)*/
#wrap {margin-top: 2px; 	margin-right: 3px; 	margin-left: 3px; width:940px;}
#mainheader{height: 100px; font-size:80%; margin-bottom: 5px;}
 #sitename{ width: 300px; float:left;}
 #logo{ float: right;}
 #mainNav{ background-image: url(../images/tan2bg.png); border-top-width: 3px; border-top-style: solid; border-top-color: #CCCCCC; border-bottom-width: 3px; border-bottom-color: #CCCCCC;}
 #mainNav ul {list-style:none; margin:0; padding:5px 0 0 5px; font-weight:bold;}
 #mainNav ul li {float:left; text-align:center; text-transform:uppercase; }
 #mainNav ul li a {color:#737373; display:block; text-decoration: none;}
 #mainNav ul li a span {padding:3px 8px; display:block; }
 #mainNav li a:hover { text-decoration:none; background-color: #E3E3E3; background-image: url(../images/mainnav/tabb_R.gif); background-repeat: no-repeat; background-position: right top;} 
 #mainNav li a:hover span { text-decoration: none; background-image: url(../images/mainnav/tabb_L.gif); background-repeat: no-repeat; background-position: left top;}
 #mainNav li a.current { background-color: #477491; background-image: url(../images/mainnav/tabb_R_current.gif); background-repeat: no-repeat; background-position: right top;}
 #mainNav li a:hover .current { background:#5171A4 url(../images/mainnav/tabb_R_current.gif) no-repeat top right; text-decoration: none;}
 #mainNav li a.current span { background: url(../images/mainnav/tabb_L_current.gif) no-repeat top left; color: #FFFFFF;}
 #mainNav li a:hover .current span { background: url(../images/mainnav/tabb_L_current.gif) no-repeat top left; text-decoration:none;}
 #subNav{height: 20px; background-color: #477491;}
 #subNav p{color: #E3E3E3;text-align: right;font-size:80%;margin: 0px;padding-top:3px;}
 #BreadCrumb{font-size: 70%; padding: 0px 0px 5px 10px;	border-bottom-style: solid;  border-bottom-width: thin; border-bottom-color: silver;}
 #BreadCrumb a { text-decoration:none; color: #477491;}
  a.here {font-weight:bold;}
  #BreadCrumb img {margin: 0 10px;}

#content{float:right; width: 700px;	margin-top: 3px; padding: 0 5px 0 0; color: #477491;  font-size:70%;}
#content h1{font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 160%; margin:5px 0px; padding:0px; }
p.description { border: thin solid maroon; padding: 5px;}/*class x eventuale descrizione nei files riepilogativi di marekt research*/
p.subTitle {margin: 0px;}
p.subtit3 {margin: 0px; color:#666666; font-weight:bold;}
#content h2{font-size: 120%; margin:5px 0px; padding:0px; }
#content h3 { margin:5px 0 0 0; padding: 5px 0 0 0px;
	font-size: 100%; font-style:italic;
	border-top: 0.5px dotted #99CCFF;}
#content h4 { margin:10px 0 0 0; padding: 5px 0 0 0px;
	font-size: 100%; font-weight:normal;
	border-top: 0.5px dotted #99CCFF;}
p.antelist {margin: 10px 0 0 0;}	
#content ul {margin:2px 0 0 10px;}
#content dt {font-weight: bold;	}
#content dd {margin-left:20px;}
/*div per elenco market research x navigation*/
#reports h3 {border-top: 0.5px solid #99CCFF;}
#reports h3 a{color:#0066CC;}
a.more { color: #0066CC;
	font-weight: bold; text-decoration:none; display:block; float:right; padding-top:5px;}

#orderNow{float: right; text-align: right; font-size:90%;	}	
#orderNow  {color: #732978;}
#orderNow p {margin: 0;}

#imageDX { float: right; width: 300px; padding: 10px 0 10px 10px; background-color: #FFFFFF; }
#figure {border: thin silver solid; padding: 0 5px; text-align:center;}
#figure img {margin-right: auto; margin-left:auto;}
p.figura {padding: 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 95%;
	color: #660033;
	text-align: justify;
}

blockquote {
	margin: 10px 10px 10px 5px;
	background-color: #EBE9ED;
	/*border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #90C3E6;*/
	padding: 0px 10px;
	text-align: justify;
}

#littleNAV { background-color: #FFFFFF; margin: 20px 0 0 0; 	border-bottom: thin solid #477491;}
#littleNAV ul {       list-style:none;	  margin:0 auto; }
#littleNAV ul li {    float:left;   text-align:center;}
#littleNAV ul li a { color:#737373; font-weight:bold; display:block; text-decoration:none; text-transform:uppercase; background-color: #E3E3E3; background-image: url(../images/littlenav/tab_R.gif); background-repeat: no-repeat; background-position: right top; margin-left: 5px; } 
#littleNAV ul li a span{  padding:3px 8px; display:block; 
 background-image: url(../images/littlenav/tab_L.gif); background-repeat: no-repeat; background-position: left top;}
#littleNAV li a:hover { text-decoration:none; background-color: #E3E3E3; background-image: url(../images/littlenav/tab_R.gif); background-repeat: no-repeat; background-position: right top;} 
#littleNAV li a:hover span { background-image: url(../images/littlenav/tab_L.gif); background-repeat: no-repeat; background-position: left top; text-decoration: none;}
#littleNAV li a.focus { background-color: #477491; background-image: url(../images/littlenav/focustab_R.gif); background-repeat: no-repeat; background-position: right top;}
#littleNAV li a:hover .focus {  background:#477491 url(../images/littlenav/focustab_R.gif) no-repeat top right; text-decoration: none;}
#littleNAV li a.focus span{ background: url(../images/littlenav/focustab_L.gif) no-repeat top left; color: #FF9900;}
#littleNAV li a:hover .focus span{  background: url(../images/littlenav/focustab_L.gif) no-repeat top left; text-decoration:none;}

#minilogin {font-size: 10px; float: right; 	width: 150px; border: thin silver solid; padding: 5px 5px 0 5px; background-color: #ECECEC;	}

/** market-research-categories per elenco categorie nelle pagine mastro, da completare float li??? */
#categories {padding: 0; margin: 0 0 15px 0;}
#categories ul {margin:0; /*padding:0 0 0 10px;	*/list-style-type: none;	}
#categories ul li { padding: 3px;}
#categories ul li a { color: maroon; font-weight:bold; text-decoration:none; padding: 3px 0; } 
div.float {float: left; margin-right:5px;}
div.space {clear: both; }


#navBarSX {width: 218px; background-color: #ECECEC; margin-top: 3px; font-size:70%;}

#menu, #menu ul, #menu li{padding:0; margin:0;}
#menu li{list-style: none; position: relative; cursor:pointer; color: #ECECEC;
	margin: 5px 0 2px 5px;
	padding: 5px 1px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #477491; 
	/*background-image: url(../images/navdtbkg.png);
	background-repeat: repeat-x;*/
} 
#menu li a { text-decoration:none; color: #ECECEC; font-weight: bold; text-transform: uppercase;}

#menu li:hover{
background-color:#004080;
}
#menu ul ul{
	position: absolute;
	top:-5px;
	left:210px;
	visibility:hidden;
	}
#menu ul li:hover ul{
visibility:visible; } 

#menu ul li ul {	background-color: red; 
	/*background-image: url(../images/navdtbkg.png);
	background-repeat: repeat-x;*/
} 

/*#navBarSX dl{margin:3px 0;}

#navBarSX dt {	color: #ECECEC;
	margin: 5px 0 2px 0;
	padding: 5px 1px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../images/navdtbkg.png);
	background-repeat: repeat-x;
}
#navBarSX dt a { text-decoration:none; color: #ECECEC; font-weight: bold; text-transform: uppercase;}
#navBarSX dd {color: #A58970; border-top: 1px dashed #A58970; margin-left: 0; padding:2px 2px 2px 10px; height: 15px;}
#navBarSX dd a {text-decoration: none; color: #A58970; }
#navBarSX dd a:hover{background-color: #FFFFC6; color: #FF0000; display:block; height: 16px;}
#sidebar1 dd {height: auto;} /* ho inserito questa div per metteer height auto nei dd che qui vanno tutti su due righe
#navBarSX dd a:hover{background-color: #FFFFC6; color: #FF0000; display:block; height: auto;}
*/
p.list {background-color: #004080; color: #FFFFFF; margin: 2px 0; padding: 5px 1px; font-weight: bold; text-transform: uppercase; margin-top:15px;}



.click-menu .box1 {background-color: #477491; color: #ECECEC; margin: 5px 0 2px 5px; padding: 5px 1px; font-weight: bold; text-transform: uppercase; cursor: default; position: relative;}
.click-menu .box1-hover { background-color: #004080; color: #ECECEC; margin: 5px 0 2px 5px; padding: 5px 1px; font-weight: bold; text-transform: uppercase; cursor: default; position: relative;}
.click-menu .box1-open {background-color: #477491; color: #99bb99; margin: 5px 0 2px 5px; padding: 5px 1px; font-weight: bold; text-transform: uppercase;  cursor: default; position: relative;}
.click-menu .box1-open-hover { background-color: #004080; color: #CCEEEB; margin: 5px 0 2px 5px; padding: 5px 1px; font-weight: bold; text-transform: uppercase;  cursor: default; position: relative;}
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {position: absolute; top: 6px; right: 2px;}
.click-menu .section { background-color: #ECECEC; line-height: 15px; padding: 5px 5px 6px 5px; display: none;}
.click-menu .section a { color: navy; text-decoration: none; white-space: nowrap;}
.click-menu .section a:hover { color: red; text-decoration: none; white-space: nowrap;}
.click-menu .box2 {}
.click-menu .box2-hover {background-color: #737373; color:#ECECEC;}
.click-menu .section .active,
.click-menu .section .active:hover {background-color: #004080;}



#search{ margin:0 0 10px 0;	border-bottom: 1px solid #cccccc;}


#loginuser 	{color:#732978; border: 1px; border-color: #732978;}
#loginuser ul { margin:0; padding:0 0 0 10px;	list-style-type: none;	}
#loginuser li { border-top-color: #732978; 	border-top-width: 1px;	border-top-style: dashed; padding: 3px 0;}
#loginuser li a { color: #732978; text-decoration:none; padding: 3px 0;}
#loginuser p {margin: 0; padding: 5px 1px; }
p.login {background-color: #732978; color: #FFFFFF; font-weight: bold; }
	
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


#siteInfo{font-size: 60%; clear: both; border: 1px solid #cccccc; margin-top: 3px;}
#siteInfo p { text-align:center;}
/*TABELLE*/
table {table-layout:fixed; width:100%; font-size:10px;  }
table a {text-decoration: none;}
th {color: #FFFFFF; background-color: #477491; padding: 0.5em;}
.thleft{text-align:left;}
td {text-align: center; padding: 0.2em; background-color: #F3F3F3; border-bottom:#999999 solid 1px; border-right:#999999 solid 1px;}
.tableft {text-align: left; border-left:#999999 solid 1px;}
#tableflow {height: 550px; 	overflow: scroll;	} /*per tabella lunga dei country*/
.tableftF {text-align: left; border-left:#999999 solid 1px;} /*per link nelle tab fiere*/
.tableftF a{ font-weight:bold;} /*per link nelle tab fiere*/

.areaform { border: 1px solid #999999;}
.f_left {width: 180px; background-color: #ECECEC; text-align:left; font-weight: bold;}
.f_right {width:auto; background-color: #FFFFFF; text-align:left; border-right:none;}
td input, td select {margin:1px;}
.nobord {background-color: #FFFFFF; text-align:left; border: none;}




	
	/*§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§*/					

table.sitestructure {
	font-size: 80%;
}


	
ul#minitabs{
	list-style: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
ul#minitabs li{display: inline; margin: 0 3px}
ul#minitabs a{text-decoration: none;padding: 0 0 10px;
  color: #999}
ul#minitabs a#current-page,ul#minitabs a:hover{
	color: #666;
	background-image: url(../images/orange.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
ul#minitabs a#current-page{color: #477491;}

/*per site map div structure*/
.structure{
padding-left:10px;
width:400px;}
.structure p {
padding-left:4px;
margin:0px;}
.structure ul li {
	margin-left:20px;
	list-style-image: url(../images/arrowR.gif);
	}

.structure ul li a {
	display:block;
	margin-top: 0.75em;
	padding: 2px;
	background-image: url(../images/tanbg.png);
	font-size:12px;
  }


.structure ul li ul li a {
    display:block;
	margin:0;
	padding: 2px;
	background-image: none;
	font-size:11px;
	color:#477491;
	border: none; }
	
	
.structure ul li ul li ul li a {
list-style-image: none;
	list-style:circle;
	list-style-type:circle;
	margin:0;
	padding: 1px;
	background-image: none;
	font-size:11px;
	color:#477491;
	border: none;
	font-weight: normal;
	}


/************* #siteInfo styles ***************/



/* SURVEY FORM */

form#survey{
background-color:#D9D9B3}
form#survey fieldset{
	border:1px solid;
	margin:10px;
	padding:3px;
		}
form#survey fieldset textarea{
	overflow: scroll;}
form#survey legend{
    font-size: 95%;
	font-weight: normal;
	margin-bottom:5px;
	}
form#survey label{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
form#survey fieldset .question {
	width: 250px; /* nella survey01 era 150px*/
	float: left;
	padding-left: 10px;
	margin-right: 10px;
}

form#survey fieldset .segue {
	margin:0px;
	padding:0px 0px 0px 10px;
	height:20px;
	width: auto;
	}

.questionTAB {
width: 400px;
padding-left:10px;}
.questionTAB2 {
	width: 200px;
	padding-left:10px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}