@import url(lifequality_menu.css);

#qualityContainer{
	font-family: 	Arial;
	font-size:		11px;
	float:			left;
	width:			990px;
	margin-top:		10px;
}

#articleHead{
	background: 	transparent url(../img/head_bg.jpg) no-repeat top left;
	height:			198px;
	margin-bottom: 	30px;
}

#articleHead.sub{
	background: 	transparent url(../img/head_ns_bg.jpg) no-repeat top left;
	height:			82px;
	margin-bottom: 	30px;
}

#articleHead .title{
	position:		relative;
	top:			12px;
	left:			317px;
	width:			600px;
	font-size:		13px;
}

#articleHead .link{
	background:		transparent url(../img/arrow_left.gif) no-repeat scroll left 4px;
	font-size:		13px;
	left:			117px;
	padding-left:	10px;
	position:		relative;
	top:			10px;
	width:			600px;
}

#articleHead .link a{
	color:			#074477;
}

#articleHead .link a:hover{
	color:			#999;
	text-decoration:none;
}

#articleHead .search{
	position:		relative;
	top:			80px;
	left:			765px;
	width:			190px;
}

.input {
	background: url(../img/panel_bg.gif) top center;
	border:1px solid #fff;
	font-size:11px;
	height:13px;
	padding:3px 4px 2px;
	width:140px;
	vertical-align:top;
}

input#SearchSubmit {
	background:transparent url(../img/submit_arrow.gif) no-repeat top left;
/*	background:transparent;*/
	font-weight: bold;
	font-size: 12px;
	height:20px;
	width:30px;
	cursor:pointer;
	border:none;
	padding:0px;
	margin:0 2px 0;
	color:#eee;
}

#qualityContainer #articleBody{
	margin:							0px auto;
	width:							980px;
}
/*
#articleBody table{
	border:0px;
	padding:0px;
	margin:0px;
	background:						#EBEDEF url(../img/panel_bg.gif) repeat-x 140px center;
}

#articleBody th{
	background:						transparent url(../img/th_standard.gif) no-repeat top left;
	height:							34px;
	padding:						0 4px;
}

#articleBody td{
	border-right: 1px solid #ccc;
	padding: 0px;
	margin:0px;
	text-align:center;
}
*/
#articleBody .column{
	float:							left;
	width:							112px;
	text-align:						center;
	margin:							0px 1px 0px 0px;
}

#articleBody .column.select{
	float:							left;
	width:							301px;
}

#articleBody .column .head{
	background:						transparent url(../img/col_head_standard.gif) no-repeat top left;
	height:							30px;
	padding:						3px 4px 0px;
	font-weight:					bold;
	border-right:					1px solid #ccc;
}

#articleBody .column.select .head{
	background:						transparent url(../img/col_head_select.gif) no-repeat top left;
	color:							#efefef;
	font-size:						15px;
	text-transform:					uppercase;
}

#articleBody .column.select .head a{
	color:							#efefef;
}

#articleBody .column.select .head a:hover{
	color:							#000;
}

#subCategory .column.select .index{
	width:					50px;

}
#subCategory .column.select .rank{
	width:					41px;
}


#articleBody .column .head .arrow{
	background:transparent url(../img/arrow_grey_down.gif) no-repeat scroll 0px 4px;
	height:10px;
	margin-left:-1px;
	position:absolute;
	width:10px;
	overflow:visible;
}

#articleBody .column .head span{
/*
	background:transparent url(../img/arrow_grey_down.gif) no-repeat scroll 2px 4px;
	display:inline;
	line-height:11pt;
	padding:0px 0pt 0px 14px;
	*/
	display:block;
	line-height:11pt;
}

#articleBody .column.select .head span{
	padding-top:14px;
}

#articleBody .column .body{
	border:							1px solid #ccc;
	background:						#EBEDEF url(../img/panel_bg.gif) repeat-x top center;
	padding:						0px;
}

#articleBody .column .body .row{
	height:							20px;
	padding:						2px 0px;
	margin-bottom:					0px;
}

#articleBody .column .body .row.odd{
	background:						#fdfdfd;
}

#articleBody .column .body .row.first{
	margin-bottom:					20px;
}

#subCategory .column.select{
	width:					340px;
}

#subCategory .column.select .body .row.first{
	margin-bottom:					0px;
}

#articleBody #subCategory .column .body .row.first .index{
	width:46px;
}

#articleBody .column .body .row.first img{
	margin:			-3px 0px 0px;
}

#articleBody .column .body .row.first .labels{
	height:20px;
}

#articleBody .column .body .row.first .labels span{
	color:#666;
	font-weight:normal;
	padding-bottom:0px;
	padding-top:10px;
	text-align:left;
}

#articleBody .column .body .row.first .button{
	height:12px;
}

#articleBody .column .body .row.first .rank{
	width:45px;
}

#articleBody .column .body .row.first .index{
	width:30px;
}

#articleBody .column .body .row.first .point{
	width:10px;
}

.city, .rank, .index, .point{
	display:block;
	float:left;
	padding:2px 2px 4px;
	width:33px;
	font-weight:					bold;
}

.row .rank, .row .point{
	color:							#369;
}

.row.first .city{
	width:120px;
}

.row .city{
	width:							125px;
	text-align:						left;
	padding-left:					6px;
}

.row .index{
	font-weight:					normal;
	color:							#f00;
	padding:						2px 13px 4px 14px;
	overflow:						visible;
}

.row .index.rankUp{
	background:						transparent url(../img/rank_up.gif) no-repeat top center;
	margin-top:-2px;
	padding-top:4px;
	color:							#fff;
}

.row .index.rankDown{
	background:						transparent url(../img/rank_down.gif) no-repeat top center;
	margin-top:2px;
	padding-top:0px;
	color:							#fff;
}

.row .index.rankZero{
	background:						transparent url(../img/rank_zero.gif) no-repeat center 2px;
	color:							#fff;
}


#qualityContainer img{
	border:							none;
	margin:0px;
	padding:0px;
}

#qualityContainer a{
	text-decoration:				none;
	color:							#333;
}

#qualityContainer a:hover{
	color:							#999;
}

#subCategory{
	padding: 0px 12px 20px;
	background:						#EBEDEF url(../img/panel_bg.gif) repeat-x top center;
	float:left;
	width:953px;
	border:	1px solid #ebebeb;
}

#subCategory p{
	padding:						10px 0px;
}

#articleFoot{

}

#qualityContainer p{
	clear:both;
	margin:0px;
	font-size: 13px;
}

.img_1, .img_2, .img_3, .img_4, .img_5, .img_6 {
	height:233px;
	left:658px;
	position:relative;
	top:0px;
	width:250px;
	border: 1px solid;
	border-top-color: #aaa;
	border-left-color: #888;
	border-right-color: #666;
	border-bottom-color: #444;
}

.tenore_di_vita{
	background:transparent url(../img/tenore_di_vita.jpg) no-repeat scroll center top;
}
.tempo_libero{
	background:transparent url(../img/tempo_libero.jpg) no-repeat scroll center top;
}
.servizi_e_ambiente{
	background:transparent url(../img/servizi_e_ambiente.jpg) no-repeat scroll center top;
}
.popolazione{
	background:transparent url(../img/popolazione.jpg) no-repeat scroll center top;
}
.ordine_pubblico{
	background:transparent url(../img/ordine_pubblico.jpg) no-repeat scroll center top;
}
.affari_e_lavoro{
	background:transparent url(../img/affari_e_lavoro.jpg) no-repeat scroll center top;
}

#subCategory .compareBox .body .city a{
	background:none;
	color:none;
}

.compareBox{
	width:200px;
	float:left;
	margin:10px 40px;
	padding:0px;
}

.compareBox.final{
	width:770px;
	clear:both;
}

.compareBox .head{
	border: 1px solid #ccc;
	border-bottom:none;
	padding: 1px 4px;
	background: #69c;
	font-weight:bold;
	color:#fff;
	width:150px;
}

.compareBox.final .head{
	background: #369;
}

.compareBox .body{
	background:#fff url(../img/box_bg.gif) repeat-x top;
	float:left;
	border: 1px solid #ccc;
	padding: 5px 2px 2px;
	width:100%;
}

.compareBox .body .city{
	clear:both;
	font-weight:normal;
	width: 190px;
}

.separator{
	background:				transparent url(../img/separator.jpg) no-repeat top left;
	height:					2px;
	width:					750px;
}

.img_1{
	background:transparent url(../img/tenore_di_vita.jpg) no-repeat scroll center top;
}
.img_2{
	background:transparent url(../img/affari_e_lavoro.jpg) no-repeat scroll center top;
}
.img_3{
	background:transparent url(../img/servizi_e_ambiente.jpg) no-repeat scroll center top;
}
.img_4{
	background:transparent url(../img/ordine_pubblico.jpg) no-repeat scroll center top;
}
.img_5{
	background:transparent url(../img/popolazione.jpg) no-repeat scroll center top;
}
.img_6{
	background:transparent url(../img/tempo_libero.jpg) no-repeat scroll center top;
}

#subCategory .title{
	font-size:22px;
	font-weight:bold;
	padding: 10px 0px;
	color:#29527B;
}

#compare .title{
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.compareBox strong{
	font-size:15px;
	font-weight:bold;
	color:#9B243B;
}

/*
dark blue #C4C9D0
main blue #CBCFD1
light blue #EBEDEF

*/