/*
The following code has been sourced from Yahoo User Inteface (http://developer.yahoo.net)
Simone Luchetti (tech@simoneluchetti.com) has modified and adapted the original code to be used inside websites he build.
Sometimes these customization have been referred with an "SLcode" rem tag.
USE IT AT YOUR OWN RISK

Many thanks to Yahoo developer for sharing their knowledge.
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

body {
	/* For breathing room between content and viewport. */
	margin:10px;
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 4.5em; /* SL (imcert.it) website graphic project is based on a single font size. H1 is bold and coloured. Color changes accordingly to areas, so it is defined via server side scripting. Original value 138.5%; */
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 100%; /* SL (imcert.it) website graphic project is based on a single font size. H2 is bold. Original value 123.1%; */
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 100%;
}

h2 {	/* SL edit ==> originally also extended to h2 and h3 */
	/* Top, R, bottom & L margin based on font size. */
	margin: 1em 0 0.5em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: square outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. 
	border: 1px solid #000;
	padding: .5em;
	*/
	border: 0;
	padding: 0;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

/* SL rem p,*/
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}
/* SLcustom (imcert.it) */
.mission {
	/* font-family: Georgia, Palatino, serif; */
	text-align: right;
	font-size: 2.4em; /* fino al 2010 ==> 1.6em; */
	font-weight: bold;
	color: #fff;
	padding: 0.5em;
}
#lanSwitcher {
	
	text-align: right;
	font-size: 85%;
	color: #888;
	margin-bottom: 1px;
}
#lanSwitcher a:link,
#lanSwitcher a:visited,
#lanSwitcher a:hover,
#lanSwitcher a:active {
	font-style: normal;
	color: #0000ff;
}
#imcLogo {
	position: relative;
	top:1em;
	width: 16.53846em;
	height: 9,076923;
	*width: 16.12504em;
	*height: 8.850022em;
}
#citpLogo {
	position: relative;
	top:3em;
	width: 10.46153749em;
	*width: 10.2000253em;
	height: 12.30769116em;
	*height: 12.00002977em;
}
#youAreHere {
	font-size: 85%;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
#mainArea{
	line-height: 1.7em;
}
#mainArea > h1 {
	margin-left: -0.075em;
	padding-top: 0.265em;
}
#mainArea > h2:first-child{
	/* SL: first h2 inside mainArea do not need 1em top margin */
	margin-top:0.5em;;
}
#graphicHeader {
	width: 750px;
	height:194px;
	overflow: hidden;
}
#graphicHeader > h1{
	margin:0;
	padding:0;
}
#carousel {
	width: 750px;
	height:194px;
	overflow: hidden;
}
#EvidenceSpot {
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 37px; /* 155 del box news - 118 del logo + il h1 col titolo NEWS (4.5em) */
}
#EvidenceSpot p {
	margin-top: 1em;
	color: #666;
}
#EvidenceButton {
	/* rounded corner */
/*	*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	behavior: url('http://lnx.imcert.it/v3/style/border-radius.htc');
    border-radius: 10px;  
    /* end rounded corner */
    border: solid 1px #333;
	margin-top: .5em;
	padding-left: 1em;
	color: #fff;
	min-height: 3em;
}

#EvidenceSpot a:link,
#EvidenceSpot a:visited,
#EvidenceSpot a:hover,
#EvidenceSpot a:active {
	font-style: normal;
	color: #fff;
	text-decoration: none;
}
#ft {
	text-align: center;
	font-size: 75%;
	margin-top: 2em;
	padding:0.2em 0 0.2em 0;
	color: #aaa;
}
#ft table,
#ft table th,
#ft table td {
	border:0;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

.yui-content{
	font-size: 90%;
	margin: 0;
	padding: 0;
}

/*          NEWS             */

#newsBlackboard{
	margin-top: 2em;
}
#newsBlock{
	height: 155px; /* era 175, ma la larghezza � 242 quindi lo provo a 150 per avere la sezione aurea => poi a 155 per allineare all'interlinea */
	overflow: hidden;
	/* background: url(images/lightgray.png) repeat-x; */
	margin-bottom:1em;
	border-bottom: dotted 2px #777;
}
#newsArchiveBlock{
	/* height: 175px; 
	overflow: hidden;*/
	/* background: url(images/lightgray.png) repeat-x; */
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom: dotted 2px #777;
}
#newsLabel{ /* area della news */
	width: 14em;
	padding-left: .2em;
	font-weight: bold;
	font-size: .8em;
	color: #fff;
	background-color: #999;
}
#newsArchiveLabel{ /* area della news */
	/* width: 14em; 
	float: right;*/
	padding-left: .2em;
	font-weight: bold;
	font-size: .8em;
	color: #777;
	background-color: #fff;
}
#newsArchiveTitle {
	font-weight: bold;
	font-size: 1em;
}
#newsTitle{
	font-weight: bold;
	font-size: 1em;
	line-height: 1.1em;
	margin: .2em 0;
}
#newsText {
	font-size: 0.95em;
	line-height: 1.1em;
}
#newsText a:link,
#newsText a:visited {
	text-decoration: none;
	color: #000;
}
#newsText a:hover,
#newsText a:active {
	text-decoration: underline;
	color: #00f;
}
#newsImg {
	width: 80px;
	height: 80px;
	float:right;
	padding-left: .4em;
}
#newsArchiveImg {
	width: 60px;
	height: 60px;
	float:left;
	margin: .4em .4em .2em 0;
}
#fullNewsImg {
	float:left;
	margin: .4em .4em .2em 0;
}

#fullNewsLabel {
	font-size: 1.2em;
	color: #090;
}
#fullNewsTitle {
	font-weight: bold;
	font-size:1.3em;
}
#fullNewsAbstract {
	font-weight: bold;
	font-size: 1.1em;
	font-style: italic;
	color: #666;
	padding: 0.5em 0 0.5em 0;
}
#fullNewsText {}

/* PRESS REVIEW */
#pressReviewContainer {line-height: 1.4em;}
#pressReviewBlock {
	border-bottom: dotted 1px;
	padding-bottom: .2em; 
	margin-bottom: 1em;
}
.pressReviewDate {display:inline; }
.pressReviewSource {font-weight: bold; color: #777;}
#pressReviewAuthor {font-style: italic; }
#pressReviewLink { font-weight: bold; font-size: 1.2em; }

#people {margin: 1em 2px 1em 2px;}

/* LEX LEX LEX

contenitore legislazione	id='lexContainer'
	ridurre la line-height
box legge					id='lexRiga'
	un po' di margin-top
box aggiornamenti			id='lexRiga2'
	usare per distanziare gli aggiornamenti tra loro
*/

#lexContainer { line-height: 1.2em; }
#lexRiga { margin: 1em 0 0.3em 0; }
#lexRiga img { vertical-align: text-bottom; }
#lexAggiornamenti {
	font-size: 0.8em;
	line-height: 1.1em;
	padding-left: 1em;
	border-left: dotted 1px #999;
	padding-top: 0.5em;
}
#lexRiga2 img { vertical-align:middle; } 
#lexNavbar { margin-top: 1em; }
#lexNavbarLeft { float: left; }
#lexNavbarRight { float: right; }

/* ACCREDITATION */
#accreditation {
	display:table;
	border: 0;
	padding:0;
	margin:0;
}
#accreditation th {
	border:0;
	border-top:dotted 0.1em #999;
	background: url(images/lightgray.png) repeat-x;
	padding:0;
	margin:0;
}
#accreditation td {
	border: 0;
	border-top:dotted 0.1em #999;
	padding:0.5em 0 0.5em 0;
	margin:0;
}
.grayBold {
	color:#999;
	font-weight:bold;
}

/* motore di ricerca bio */
	#outputDataTable {
		font-size: .6em;
		border: 0;
	}
	#outputDataTable th { 
		font-weight:bold;
		text-align:center;
		padding:2px;
		border:solid 1px #eef;
		background-color:#1c549e;
		color:#fff;
	}
	#outputDataTable td { 
		border-bottom: solid 1px #fff;
	}
	
	/* link che attivano le tab */
	#linguette a:link,
	#linguette a:visited,
	#linguette a:hover,
	#linguette a:active {
		font-size:inherit;
		text-decoration:none;
		color: #0000ff;
	}
	.labelSelected {
		padding: .5em 2em;
		font-size:inherit;
		border:solid 1px #eef;
		background-color:#eef;
		color: #333;
		text-align:center;
	}
	.labelUnselected {
		padding: .5em 2em;
		font-size:inherit;
		border:solid 1px #fff;
		background-color:#eee;
		color: #666;
		text-align:center;
	}
	.tableDataRows {
		margin:0;
		padding:0;
		width:42.05em;
		font-size: .9em;
		line-height: 1.3em;
	}
	.tableDataRows td {
		vertical-align:top;
		border:0;
	}
	.tableDataRows td.fieldName {
		text-align:right;
		font-weight:bold;
		color: #666;
	}
/* download */
#alert {
	line-height: 1.3em;
	margin-top: .5em;
	padding: .5em;
	background-color: #fee;
}
/* doc tecnici */
#docToc {
	padding: .5em;
	background-color: #eef;
}
#docToc a:link,
#docToc a:visited,
#docToc a:hover,
#docToc a:active {
	font-size:inherit;
	color: #0000ff;
}

#docTecnici {margin-top: .5em;}
#docTecnici ul {
	font-size:inherit;
	line-height: 1.3em;
	padding: 0 0 .5em 0;
	margin-top: 0;
	margin-bottom: 0;
}
#docTecnici ul li {
	margin-top: .1em;
	margin-bottom: .1em;
}

/* ristoranti */
#regione { 
	width: 100%;
	padding-left: .2em;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	background-color: #777;
}
#ristorante {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0;
	margin-top: .5em;
}
#recapiti {
	margin:0;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2em;
	padding-bottom: .5em;
	border-bottom: dotted 2px #777;
	margin-bottom: 2em;
}