body,
#main table {
	font-size: 100%; /* per evitare che IE rimpicciolisca o ingrandisca troppo i caratteri */
}
/*sovrascrive la width di al.css per immagine di sfondo .titoloSezione*/
#main {
	width: 552px;
}
#main table th,
#main table td,
#main li, 
#main dl, #main dd, #main dt
{
	font-size: 100%;
}

#main table {
	border-collapse: collapse;
}


/*
	Stili del MAIN
*/

#main #benvenuto {
	background-color: #efefef;
	padding: 0.3em;
}

#main .titoloSezione {
	font-size: 90%;
	padding: 0px 0px 0px 1em;
	margin:0px;
	height: 23px;
	line-height: 23px;
	vertical-align: bottom;
	color: #fff;
	background: url(/img/lau/cv2.0/barra_titolo_blocchi.png) left top no-repeat;
	clear:both;
}

#main .center {
	text-align: center;
}
#main .clear {
	clear: both;
}

#main .sez-error,
#main .sezione {
	position: relative;
	padding: 0px;
	margin: 2em 0em;
	width: 100%;
}
#main .sez-error	{position: static;}
#main .sezione .lev1,
#main .sezione .lev2,
#main .sezione .lev3,
#main fieldset .sezione .row.lev1,
#main fieldset .sezione .row.lev2,
#main fieldset .sezione .row.lev3 {
	margin: 1em 0em 1em 1em;
	border: none;
}
#main fieldset .sezione .note,
#main fieldset .sezione label.note,
#main .note {
	font-size: 80%;
	font-weight: bold;
	color: #4E4688;
}
#main fieldset .sezione {
	padding: 1em 0em;
	margin: 0em;
	border-top: 1px solid #000;
}
#main fieldset.sezione {
	border: none;
}


#main fieldset.sezione legend {
	position: relative;
	display: block;
	font-weight: bolder;
	font-size: 1em;
	color: #000;
	margin: 0px;
	width: 100%;
}
#main fieldset .sezione table{
	width: 100%;
}
#main fieldset .sezione th,
#main fieldset .sezione td,
#main fieldset .sezione .campo {
	font-weight: normal;
	font-size: 1em;
	vertical-align: middle;
	padding: 0.3em 0.2em;
	margin: 0px;
}
#main fieldset .sezione th {
	width: 30%;
	text-align: right;
}
#main fieldset .sezione label {
	font-weight: normal;
	padding-right: 0.5em;
}
#main fieldset .sezione td,
#main fieldset .sezione .campo {
	text-align: left;
}
#main fieldset.sezione .row, 
#main fieldset .sezione .row {
	clear: both;
	padding: 0.2em 0em;
	margin: 0px;
}
#main fieldset .sezione table .dark {
	background-color: #eee;
}
#main fieldset .sezione table .light {
	background-color: #fff;
}


div.etichette {
	padding-left: 1em; 
	padding-bottom: 2px; 
	margin-top: 0px;
}
div.etichette a {
	border: 1px solid #404040; 
	border-top: none; 
	padding-left: 0.5em; 
	padding-right: 0.5em; 
	text-decoration: none;
}
.baseline { vertical-align:middle; }


#main fieldset.navigazione {
	display: block;
	clear: both;
	text-align: center;
	padding: 0px;
	margin: 1em 0em;
}
#main fieldset.navigazione legend {
	display: none;
}

/*  DEFAULT PER CAMPI FORM  */
#main .sezione input[type=text],
#main .sezione input[type=password],
#main .sezione input.testo,
#main .sezione textarea,
#main .sezione select {
	padding: 1px 0px;
	border: 1px solid #B1ADD0;
}

#main .sezione textarea	{
	font-size: 12px;
}

#main .sezione input[readonly=readonly]	{
	background-color: #EEE;
}

#main .sezione textarea	{
	width: 95%;
}

/*   P U L S A N T I   */
#main input.button {
	font-size: 10px;
	font-weight: bolder;
	color: #000;
	cursor: pointer;
	padding: 0px 0px 5px 0px; 
	margin: 0px;
	text-align: center;
	border: none;
	background: transparent none left top no-repeat;
}
/* Per tutti i pulsanti di navigazione gialli in fondo alla pagina */
#main fieldset.navigazione input {
	background-image: url(/img/lau/cv2.0/bt_giallo-M.png);
	width: 62px; height: 18px; line-height: 18px;
}
#main fieldset.navigazione input.l {
	background-image: url(/img/lau/cv2.0/bt_giallo-L.png);
	width: 120px;
}
#main fieldset.navigazione input.xl {
	background-image: url(/img/lau/cv2.0/bt_giallo-XL.png);
	width: 178px;
}
#main fieldset.navigazione input.s {
	background-image: url(/img/lau/cv2.0/bt_giallo-S.png);
	width: 45px;
}
#main fieldset.navigazione input.xs {
	background-image: url(/img/lau/cv2.0/bt_giallo-XS.png);
	width: 32px;
}
#main .sezione input.inserisci {
	/*font-size: 0.8em;*/
	background-image: url(/img/lau/cv2.0/bt_giallo-M.png);
	width: 62px; height: 18px; line-height: 18px;
}
#main .sezione input.attiva,
#main .sezione input.modifica {
	color: #fff;
	/*font-size: 0.8em;*/
	background-image: url(/img/lau/cv2.0/bt_blu-M.png);
	width: 62px; height: 17px; line-height: 17px;
}
#main .sezione input.disattiva,
#main .sezione input.elimina {
	color: #fff;
	/*font-size: 0.8em;*/
	background-image: url(/img/lau/cv2.0/bt_rosso-M.png);
	width: 62px; height: 17px; line-height: 17px;
}
#main input.logout {
	background-image: url(/img/lau/cv2.0/bt_giallo-M.png);
	width: 62px; height: 17px; line-height: 17px;
}
#main .sezione input.upload {
	/*font-size: 0.8em;*/
	background-image: url(/img/lau/cv2.0/bt_giallo-M.png);
	width: 62px; height: 18px; line-height: 18px;
}
#main fieldset input#but_aggiungi_titpost, 
#main fieldset input#but_aggiungi_lavesp, 
#main fieldset input#but_aggiungi_titolo	{
	color: #fff;
	/*font-size: 0.8em;*/
	background-image: url(/img/lau/cv2.0/bt_blu-XL.png);
	width: 178px; height: 17px; line-height: 17px;
	float:right;
}

#main fieldset input#but_modificadaticert {
	color: #fff;
	background-image: url(/img/lau/cv2.0/bt_blu-XXL.png);
	width: 236px; 
	height: 17px; line-height: 17px;
	float:right;
}

#main fieldset input#but-agg_cert	{
	color: #000;
	background-image: url(/img/lau/cv2.0/bt_giallo-XXL.png);
	width: 236px; 
	height: 17px; line-height: 17px;
	float:right;
}

#main .sezione input.button.pulisci-sezione {
	/*font-size: 0.8em;*/
	width: 120px;
	height: 18px;
	background-image: url(/img/lau/cv2.0/bt_blu-L.png);
	color: #fff;
}
#main .sezione input.apri.xs {
	color: #fff;
	/*font-size: 0.8em;*/
	background-image: url(/img/lau/cv2.0/bt_blu-XS.png);
	width: 32px; height: 17px; line-height: 17px;
}

#main .sezione input.img_square16	{
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;
}
#main .sezione input.aggiorna_img	{
	background-image: url(/img/lau/cv2.0/icona_quadretto_modifica.png);
}

#main .sezione input.elimina_img	{
	background-image: url(/img/lau/cv2.0/icona_quadretto_elimina.png);
}

/* Per i finti pulsanti, ovvero le ancore che simulano i pulsanti */
#main a.button,
#main a.button,
#main a.button:link,
#main a.button:visited {
	font-size: 10px;
	font-weight: bolder;
	color: #000;
	cursor: pointer;
	padding: 0px 0px 5px 0px; 
	margin: 0px;
	text-align: center;
	border: none;
	background: transparent none left top no-repeat;
	text-decoration: none;
	display: block;
}
#main a.button.vai,
#main a.button.vai,
#main a.button.vai:link,
#main a.button.vai:visited {
	background-image: url(/img/lau/cv2.0/bt_giallo-M.png);
	width: 62px; height: 18px; line-height: 18px;
	margin: auto;
}




/* stili relativi ai tooltip (callout) degli help */
#main .helpTip {
	font-size: 10px;
	position: relative; 
	width: 100%; 
	float: right; 
	top: -1.5em; 
	background: transparent url(/img/lau/cv2.0/help.png) top right no-repeat;
	height: 17px; line-height: 17px;
}
#main .helpTip-block {
	display: none; 
	border: none;
	position: absolute;
	z-index: 100;
	/*font-size: 0.7em;*/
	background: #fff url(/img/lau/cv2.0/sfondo_callout.png) top right no-repeat;
}

#main .helpTip-block .top {
	border: 0px solid #fff;
	width: 200px; height: 60px;
	max-width: 332px; max-height: 90px;
	background: transparent url(/img/lau/cv2.0/sfondo_callout_top.png) top left no-repeat;
	float:left;
}
#main .helpTip-block .right {
	border: 0px solid #fff;
	width: 20px; height: 60px;
	min-width: 20px; max-width: 20px;	max-height: 90px;
	background: transparent url(/img/lau/cv2.0/sfondo_callout_right.png) top left no-repeat;
	float: left;
}
#main .helpTip-block .bottom {
	border: 0px solid #fff;
	max-width: 332px; height: 20px;
	background: transparent url(/img/lau/cv2.0/sfondo_callout_bottom.png) top left no-repeat;
	float: left;
}
#main .helpTip-block .bottomdx {
	border: 0px solid #fff;
	width: 20px; height: 20px;
	background: transparent url(/img/lau/cv2.0/sfondo_callout_bottomright.png) top left no-repeat;
	float: left;
}
#main .helpTip-block .body {
	font-size: 10px; line-height: 10px;
	border: 0px solid #fff;
	padding: 12px; margin: 0em;
	background-color: transparent;
}
#main .helpTip-block .raccordo {
	border: none;
	max-width: 332px; height: 21px;
	margin-top: -2px;
	background: transparent url(/img/lau/cv2.0/sfondo_callout_raccordo.png) 20px 0px no-repeat;
	float: left;
}



#main .checkbox input[type=checkbox] {
	display: block;
	float: left;
	clear: none;
	height: 12px;
	padding: 0px;
	margin: 0px 0.5em 0px 0px;
}
#main .checkbox label {
	display: block;
	float: left;
	clear: none;
	width: 90%;
	font-size: 12px;
	margin-right: 1.5em;
}

#main fieldset .sezione .radioGroupOriz {
	float: left;
	vertical-align: middle;
}

#main fieldset.sezione .radioGroupOriz {
	float: left;
	vertical-align: middle;
	padding: 2px 0px;
}

#main fieldset .sezione .radioGroupOriz input.radio {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 0.5em 0px 0px;
	height: 1.2em;
	/*border: 0px solid #c30;*/
}
#main fieldset .sezione .radioGroupOriz label {
	display: block;
	float: left;
	width: auto;
	font-size: 1em;
	height: 1.2em;
	line-height: 1.2em;
	margin: 0em 1.5em 0em 0em;
	padding: 0px;
	vertical-align:middle;
	/*border: 0px solid #000;*/
}

#main fieldset .sezione .radioGroupVert input.radio {
	display: block;
	float: left;
	clear: left;
	height: 12px;
	padding: 0px;
	margin: 0px 5px 5px 0px;
}
#main fieldset .sezione .radioGroupVert label {
	display: block;
	float: left;
	clear: none;
	width: 300px;
	font-size: 12px;
	height: auto;
}


/*
	PAGINA DI INDEX SINTESICURRIC
	css generici per tutte le sezioni della pagina INDEX
*/

/*
viene gratis dal contenitore main
#indice-cv {
	width: 552px;
}
*/

#indice-cv	{
	float:left;
	margin:0em 0em 1em 0em;
	width:100%;
}
#main #indice-cv table th,
#main #indice-cv table td,
#main #indice-cv li, 
#main #indice-cv dl
{
	font-size: 80%;
}
#main #indice-cv dd, 
#main #indice-cv dt,
#main #indice-cv dd *, 
#main #indice-cv dt *
{
	font-size: 100%;
}

/*#main #indice-cv dd div	{
	font-size: inherit;
}*/
 
#indice-cv .sezione {
	float: left;
	width: 100%;
	margin: 2px 0px;
	padding:0px;
}
#indice-cv .sezione .sez-padding {
	padding: 1%;
}
#indice-cv .evidSez {
	background-color: #eee;
}
#indice-cv .sezione h3 {
	/*font-size: 0.8em;*/
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#indice-cv .sezione ul {
	list-style-type: none;
	padding: 0px;
	margin: 0em 0em 1em 0em;
}
#indice-cv .sezione li {
	/*font-size: 0.8em;*/
	padding:0px;
	margin:0px;
}
#indice-cv .sezione li.titoletto {
	text-transform: lowercase;
	font-weight: bold;
}

#indice-cv .sezione li.titoletto #epmadrelingua	{ text-transform: uppercase;}

#indice-cv .sezione li.titoletto:first-letter  {
	text-transform: uppercase;
}

/* inizio mod Raffaella per diplomi */
#diplomi-ep dl {
	float: left;
	width: 540px;
	margin: 0px;
}

#diplomi-ep dt {
	border-bottom: 1px solid #D3D3ED;
	padding-bottom: 0.3em;
	margin-bottom: 0em;
	margin-top: 0.5em;
	float: left;
	width: 490px;
}

#diplomi-ep dd {
	margin: 0px; 
	/*padding: 0.3em 0px;*/
	padding: 0px;
	float: left;
	width: 100%;
}

#diplomi-ep dd div.diploma-desc {
	width: 490px;
	float: left;
}

#diplomi-ep dd div.diploma-buttons {
	float: right;
	width: 38px;
	/*border: 1px solid #000;*/
}

#diplomi-ep dd div.diploma-buttons form {
	float: right;
	width: 16px;
	padding: 0px;
	margin: 0px;
	/*border: 1px solid #000;*/
}

/* fine mod Raffaella per diplomi */

/* css particolari per la sezione cv_post */
#indice-cv .sezione .list {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 83%;
}
#indice-cv .sezione .action {
	float:right;
	width: 15%;
}

/* css particolari per la sezione titoli */
#indice-cv #titoli-list {
	width: 100%;
}
#indice-cv #titoli-list table td {
	border: 1px solid #fff;
}
/* css particolari per la sezione cv_anagrafica*/
#indice-cv #anagrafica-list {
	width: 60%;
}
#main .sezione #foto-profilo {
	margin-right: 1%;
	float: left;
}
#main .sezione #foto-profilo #foto {
	padding: 5px;
	border: 1px solid #444;	
	float: left;
	background-color: #fff;
}
#main .sezione #foto-profilo #foto img {
	border: 1px solid #444;
}
#indice-cv .sezione #foto-profilo #modifica-foto {
	clear:both;
	margin-top: 0em;
	padding-top: 0.5em;
	text-align: center;
}
#indice-cv .sezione .nome {
	/*font-size: 1.1em;*/
	font-weight: bolder;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}

/* css particolari per la sezione cv_universitari */
#indice-cv #cv_universitaria p{
	padding:0px;
	margin:0.5em;
}
#indice-cv table .c_titolo {
	padding: 0.5em;
	background-color: #eee;
}
#indice-cv table .c_inizfine {
	background-color: #eee;
	text-align:center;
}


/* css particolari per la sezione cv_lingue */
#indice-cv #lingue-ep-list {
	clear:both;
}
#indice-cv #lingue-ep-list table td {
	padding:2px;
	/*font-size: 80%;*/
}
#indice-cv #lingue-ep-list #ep-cont-desc {
	float:left;
}
#indice-cv #lingue-ep-list #ep-cont-desc .attenzione {
	float:left; 
	font-size: 80%;
	text-transform:uppercase; 
	padding:0em 0.5em;
	margin: 0em 0.5em 1em 0em; 
	background-color:#c30; 
	color:#fff;
}
#indice-cv #lingue-ep-list #ep-cont-desc #ep-tit-desc {
	font-size: 80%;
	font-weight: bold;
}
#indice-cv #lingue-ep-list #ep-cont-desc #ep-desc {
	font-size: 80%;
	clear:both;
	width:100%;
}
 
#lingue-ep-list #ep-compila,
#blocco-europass #ep-compila {/* serve nelle pagine di modifica/visualizzazione */
	display: block;
}


/* 
	css per il blocco contenente la lista delle LINGUE EUROPASS 
	Questo blocco è visualizzato sia nella pagina index che nella 
	pagina di aggiornamento/modifica delle lingue.
*/
table#ep-elenco-lingue {
	/*font-size: 0.8em;*/
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	width: 100%;
}
table#ep-elenco-lingue th,
table#ep-elenco-lingue td {
	/*font-size: 0.8em;*/
	text-align: left;
	padding:0px; margin:0px;
}
table#ep-elenco-lingue {
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
}
table#ep-elenco-lingue tr.firstLev th {
	text-align: center;
	color: #fff;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	background-color: #45449D;
}
table#ep-elenco-lingue tr.secondLev td {
	text-align: center;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	background-color: #D3D3ED;
}
table#ep-elenco-lingue tr.firstLev th.nobg,
table#ep-elenco-lingue tr.secondLev td.nobg,
table#ep-elenco-lingue tr th.nobg,
table#ep-elenco-lingue tr td.nobg {
	background-color: transparent;
}
table#ep-elenco-lingue #comprensione,
table#ep-elenco-lingue #parlato,
table#ep-elenco-lingue #scritto {
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

table#ep-elenco-lingue #ascolto,
table#ep-elenco-lingue #lettura,
table#ep-elenco-lingue #intorale,
table#ep-elenco-lingue #prodorale,
table#ep-elenco-lingue #scritto {
	width:16%;
	border-right:1px solid #fff;
}
table#ep-elenco-lingue tr.firstLev #action {
	padding:0px; margin:0px;
	width:40px;
}
table#ep-elenco-lingue tr td.buttons {
	border: none;
	padding:0px; margin:0px;
	text-align:center;
}
table#ep-elenco-lingue tr td.buttons div {
	float:left;
}

table#ep-elenco-lingue tr td.buttons form,
table#ep-elenco-lingue tr td.buttons img {
	border: none;
	padding:0px;
}



#indice-cv .sezione #lingue-ep-list h3.titoloSottoSezione	{
	font-size: 80%;
	border-bottom: 1px dotted;
	margin: 0px 0px 1em 0px;
}

h4	{
	font-size: 80%;
	margin: 0px;
	padding: 1em 0em 0em 0em;
}

ul.es_1_comp, ul.es_lista_comp	{
	list-style-type: square;
	font-style: italic;
	margin: 0px;
	padding-left: 1.5em;
}
                  
ul.es_1_comp	{
	list-style-type: none;
}

#main #indice-cv .sezione ul.livello-img {
	width: 100%;
	float: left;
}


#main #indice-cv .sezione ul.livello-img li {
	font-size: 100%;
	width: 100%;
	float: left;
}

#main #indice-cv .sezione ul.livello-img li div {
	float: left;
	font-size: 80%;
}
#main #indice-cv .sezione ul.livello-img li div.desc-rich {
	width: 60%;
}

table#elenco-esperienze-lavoro	{
	border-collapse: collapse;
	margin: 1em 0em;
	padding: 0px;
	width: 100%;
	/*border: 1px solid red;*/
}
table#elenco-esperienze-lavoro th,
table#elenco-esperienze-lavoro td	{
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	width: 16%;
}

table#elenco-esperienze-lavoro tr.firstLev th	{
      text-align: center;
      color: #fff;
      font-weight:bold;
      margin: 0px;
      padding: 0px;
      border-collapse: collapse;
      background-color: #45449D;
}

table#elenco-esperienze-lavoro td	{
      text-align: center;
      color: #000;
	background-color: #D3D3ED;
}

table#elenco-esperienze-lavoro tr.firstLev th.nobg	{
	background-color: transparent;
}

#main div.lavesp-list,
#main div.titpost-list {
	background-color:#EEEEEE;
	float:left;
	margin-bottom:1.5em;
	padding:0.4em;
	width:98%;
}

#main div.lavesp-list ul.lavesp-info,
#main div.titpost-list ul.titpost-info {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:83%;
}

#main div.lavesp-action,
#main div.titpost-action {
	float:right;
	margin-top:0.5em;
	width:15%;
}

#miocommento, p.nota_comp_insuff{
	border:1px solid #ffb70b;
	background-color:#dedede;
	padding:1em;
	font-weight:bold;
}

#ep-intro-sezione	{
                        
	background: url(/img/lau/cv2.0/logo_europass_trasp.png) no-repeat;
	font-size: 80%;
	margin: 0em;
	padding-left:80px;
}

div.button-nav-torna	{
	padding: 1em 0em;
}
div.button-torna	{
	padding: 1em 0em 0em 0em;
}

#main div.step {
	color: #7C70DC;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 0.8em;
	margin-top: 1em;
}
                  
#main div.step span{
	color: #FFF;
	background-color: #7C70DC;
	padding: 0.2em 0.4em;
	font-size: 15px;
	/*font-size-adjust: 0.8;*/
}

body .ac_results li	{
	font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}