/************************************************* */ 
/*                  LAYOUT TEMPLATE                */
/* *********************************************** */


html,body{
  /*overflow:auto;*/
  margin:0; 
  padding:0;
  overflow-x: hidden;
  font: 12px Verdana;
  color: #565656;
}

a img {
 border: none;
 cursor: pointer;
}

h1 {
  font-size: 1.6em;
  margin-top: 0;
}
/*
input[type=submit], input[type=button] {
 font-size: 11px;
 margin: 5px 5px 5px 0;
 cursor: pointer;
}

input[type=text], input[type=password], textarea {
 font-size: 12px;
 padding-left: 1px;
}
*/

.inputTextSmall {
 font-size: 11px;
 width: 30%;
 cursor: pointer;
 font-size: 14px;
}

.inputTextNormal {
 font-size: 11px;
 width: 100%;
 cursor: pointer;
 font-size: 14px;
}

.inputTextBig {
 font-size: 11px;
 width: 150%;
 cursor: pointer;
 font-size: 14px;
}

.inputTextMoreBig {
 font-size: 11px;
 width: 280%;
 cursor: pointer;
 font-size: 14px;
}

.inputTextDate {
 font-size: 11px;
 width: 50%;
 cursor: pointer;
 font-size: 14px;
}

.inputSelectBig {
 font-size: 11px;
 width: 150%;
 cursor: pointer;
 font-size: 14px;
}

.inputTextAutocompleteBig {
 font-size: 11px;
 width: 100%;
 cursor: pointer;
 font-size: 14px;
}

 
select {
 font-size: 13px;
}

#pagewidth{ }

a {
	color:#0D3C84;
	text-decoration: none;
}
a:hover {
	color:#0C3A85;
}
a:focus {
	outline:none;
}

ul, ol {
	/*margin:0 0 35px 35px;*/
}

li {
	/*padding-bottom:5px;*/
}

table{color:#000000;}

td{text-align:left;}

form{margin-bottom:0;}

div#default-panel{
 	text-align: center;
    height: 400px;
    width:100%;
    float: none;
    padding-top:5%;
    
}

legend, caption{
	font-weight: bold;
	font-size: 16px;
	font-family: 'Calibri';
}

textarea{
	resize: none;
}



/************************************************* */ 
/*               LAYOUT MENU+HEADER                */
/* *********************************************** */



div#wrapper_menu_header{
	 /*position:relative; 
	 display:block;*/
	 overflow:hidden;
	 border-bottom:1px solid #5385b6;
	 /*backgrou nd-color: #dedede;*/
	 background-color: #DDEEF6;
}

div#wrapper{
	padding-top: 10px;
	/*padding-bottom: 0px;*/
	/* height: 104px; */
}

div#header{
	border-top: 5px solid #1E4B78;
	/*padding-bottom: 0px;*/
	/* height: 104px; */
}

div#header img{
	width: 100%;	
}

div#menu_header {
	/*background:#E0E0E0 url('../img/nav-bg.png') repeat-x scroll top left;
	margin-top: -5px;*/
	top: 0;
	left:0;
}

div#menu_header ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	width: 70%;
	
}

div#menu_header div.headerTab {
	/*background:transparent url('../img/nav-left.png') no-repeat scroll top left;*/
}

div#menu_header ul.headerTab {
	width:74%;
	height:30px;
	float: left;
	/*padding-left:20%;
	background:transparent url('../img/nav-right.png') no-repeat scroll top right;*/
}

div#menu_header ul li {
	float:left;
	display:block;
	/*padding:13px 10px 0;*/
	position:relative;
	margin-top: 7px;
}

div#menu_header ul li a {
	color:#777;
	text-decoration:none;
	display:block;
	font-size:16px;
	margin:0 10px;
	cursor:pointer;
}

div#menu_header ul li a span {
	padding: 11px 13px 7px 15px;
	display:block;
	text-transform: uppercase;
	font-family: 'Calibri';
	margin-top: -5px;

}

div#menu_header ul li.sfHover a,
div#menu_header ul li a:hover {
	color:#333;
}

div#menu_header ul li.selected_menuPrincipale a,
div#menu_header ul li.selected_menuPrincipale a:hover {
	border:none;
	color:#fff;
	background:#1E4B78 url('../img/nav-selected-right.png') no-repeat scroll top right;
}

div#menu_header ul li.selected_menuPrincipale a span,
div#menu_header ul li.selected_menuPrincipale a:hover span {
	/*background:transparent url('../img/nav-selected-left.png') no-repeat scroll top left;*/
}

#welcome {
    float: left;
    width: 20%;
    margin-top: 1%;
    display: table-cell;
    font-family: 'Calibri';
    width: 335px;
    margin-top: 1px;
   /*  border: groove white 3px; */
}

#welcome a{
	font-weight:bold;
	font-size: 16px;	
	color: #1E4B78;
}

#welcome img{
	vertical-align:middle;
	float: left;
}

.nome_utente{
	
}

.bottoni_menu{
	float: right;
	height: auto;	
	cursor: pointer;
	text-align: center;
}

/************************************************* */ 
/*            LAYOUT MENU SECONDO LIVELLO          */
/* *********************************************** */


div.column-left {
	float:left;
	margin-right:20px;
	width:30%; 
	position:relative;
 	top:0;
 	left:0;
 	padding-left: 10px; 
 	
}

div#menu {
	background: -moz-linear-gradient(top, #1c3c8f, #FFFFFF);  /* Originale: #dedede */
	width:18%;
	background: linear-gradient(top, #dedede, #FFFFFF);  
	background:-o-linear-gradient(top, #dedede, #FFFFFF); 
	background:-icab-linear-gradient(top, #dedede, #FFFFFF);
	background:-khtml-linear-gradient(top,#dedede, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#FFFFFF');

	/*behavior: url(../ie-css3.htc);  RIGA DA AGGIUNGERE */
}

div#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#menu li ul {
	margin-bottom:20px;
}

div#menu li ul li {
	display:block;
	padding:12px 10px;
	border-bottom:1px solid #DADADA;
	color:#777;
}

div#menu li ul li a {
	color:#333;
	text-decoration:none;
	font-family:'Calibri';
	font-weight:normal;
}
div#menu li ul li a:hover {
	color:#09285E;
	text-decoration:underline;
}


div#menu li ul.blocklist li {
	padding:0;
}
div#menu li ul.blocklist li.selected-item  {
	border-bottom:none;
}
div#menu li ul.blocklist li.selected-item a {
	color:#fff;
	font-weight:bold;
}
div#menu li ul.blocklist li.selected-item a:hover {
	text-decoration:none;
}
div#menu li ul.blocklist li a {
	color:#FFF; /* Originale grigio #666; */
	display:block;
	padding:13px 10px;
	font-size: 16px;
} 

div#menu h1 { 
	color:#0C367E;
	color: blue;
	font-family:'Calibri';
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:7px 10px;
}

.selected_menuSecondario{
	font-weight: bold;
	color: #AC9077; /* Originale #1E4B78;*/
}


/************************************************* */ 
/*                  LAYOUT MESSAGE                 */
/* *********************************************** */

.table_messages{ 
	margin: 0 auto; 
	text-align: center;
}

/*	ERROR	*/
.error { 
	margin-top: 5%;
}
	
.error span { 
	float:left;
	background:url(../img/error_sfondo.png) repeat-x;
	height:30px;
	font-family: 'Calibri';
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding: 3px 0;
	text-align: center;
}

.error_left { 
	width:10px;
	float:left;
}

.error_right { 
	width:10px;
	float:left;
}


/*	INFO	*/
.info { 
	margin-top: 5%;
}
	
.info span { 
	float:left;
	background:url(../img/info_sfondo.png) repeat-x;
	height:30px;
	font-family: 'Calibri';
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding: 3px 0;
	text-align: center;
}

.info_left { 
	width:10px;
	float:left;
}

.info_left img{ 
	width: 10;
	height: 30;
}

.info_right { 
	width:10px;
	float:left;
}

.info_right img{ 
	width: 10;
	height: 30;
}


/*	WARNING	*/
.warning { 
	margin-top: 5%;
}
	
.warning span { 
	float:left;
	background:url(../img/warning_sfondo.png) repeat-x;
	height:30px;
	font-family: 'Calibri';
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding: 3px 0;
	text-align: center;
}

.warning_left { 
	width:10px;
	float:left;
}

.warning_left img{ 
	width: 10;
	height: 30;
}

.warning_right { 
	width:10px;
	float:left;
}

.warning_right img{ 
	width: 10;
	height: 30;
}


/*	SUCCESS	*/
.success { 
	margin-top: 5%;
}
	
.success span { 
	float:left;
	background:url(../img/success_sfondo.png) repeat-x;
	height:30px;
	font-family: 'Calibri';
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding: 3px 0;
	text-align: center;
}

.success_left { 
	width:10px;
	float:left;
}

.success_left img{ 
	width: 10;
	height: 30;
}

.success_right { 
	width:10px;
	float:left;
}

.success_right img{ 
	width: 10;
	height: 30;
}

/************************************************* */ 
/*                     LAYOUT BODY                 */
/* *********************************************** */

#column-main{
 width:60%;
 /*height:200px;*/
 /*margin-left: 20%;*/
 float: left;
 font-family: 'Calibri';
}
 
.main-storico{
	clear:both;
	display:block;
	overflow:auto;	
	text-align: center;
	float: left;
	font-size: 14px;
	font-family: 'Calibri';
	position: relative;
	bottom: 0;
	width: 100%;
	height: auto;
	padding-top: 15px;
	/*margin-top: 2%;*/
}
 
/************************************************* */ 
/*                   LAYOUT FOOTER                 */
/* *********************************************** */

.footer{
	clear:both;
	display:block;
	overflow:auto;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #777777;
	text-align: center;
	background-color: #dedede;
	float: right;
	font-size: 14px;
	font-family: 'Calibri';
	position: relative;
	bottom: 0;
	width: 100%;
	height: 30px;
	padding-top: 15px;
	margin-top: 2%;
}

.copyright {
	font-weight:bold;
	font-size: 14px;
	text-decoration:none;	
	color: #777777;
}



/************************************************* */ 
/*                     LAYOUT LOGIN                */
/* *********************************************** */



.loginError{

	margin-bottom:3%;
	width:25%;
	text-align: center;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	background-color:#FFFFCC;
	padding:10px 10px 10px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-icab-border-radius:3px;
	-khtml-border-radius:3px;
	color: red;
	font-size: 14px;
	font-family: 'Calibri';
	margin-left: auto;
	margin-right: auto;
	
	/*behavior: url('ie-css3.htc');  RIGA DA AGGIUNGERE */
}

.loginTable{
	border-spacing:0px 0px;
	margin-left:auto;
	margin-right:auto;
	border-style:none;	
}

.tableFormLogin{
	border-top:1px solid;
	border-bottom:1px solid;
	padding:10px 10px 12px 10px;
	background-repeat:repeat-x;
	background-position:top;
	border-color:#999;
	color:#000000;
	background-image:url('../img/bgLogin.jpg');
	
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;;
	-icab-border-radius:12px;
	-khtml-border-radius:12px;
	border-radius:12px;
		
	
}

.formLabel{
	padding:5px 5px 5px 5px;
}

.loginButton {
	margin-top: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px; 
	-icab-border-radius: 5px; 
	-khtml-border-radius: 5px; 	
	background-color: #F6FAFC;
	background-image: none;
}

.LoginUser,.LoginPass{
	width:250px;
	border-width:2px;
}

.loginPage{
	text-align: center;
	padding-top: 40px;	
}

.loginImage{
	margin-bottom:3%;
	width:222px;
	height:78px;	
}

.applicationName{
	font-size: 20px;	
}

.titleForm{
	padding-bottom: 15px; 
	padding-top: 15px; 
	padding-left: 5px; 
	padding-right: 35px;
	color: white;
	font-family: 'Calibri'; 
	font-size: 14px;
}

.userForm{
	width: 36%;
	color: white;
	font-family: 'Calibri'; 
	font-size: 14px;
}

.passwordForm{
	width: 50%;
	color: white;
	font-family: 'Calibri'; 
	font-size: 14px;
}

.tdUserPassword{
	width: 100%; 
	text-align: left;	
}

.center{
	text-align: center;
}




 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/************************************************* */ 
/*                      LAYOUT INDEX               */
/* *********************************************** */

.tabelle_msg{
	font-family: 'Calibri';
	font-size: 18px;
	margin-top: 1%;
}

.tabelle_msg span{
	padding-top: 10px;
}

.tabelle_msg legend{
	font-size: 16px;
}

.lista_tabelle a{
	text-decoration: none;	
}

.lista_tabelle li{
	list-style: none;	
}



/************************************************* */ 
/*                   LAYOUT LISTE                 */
/* ********************************************** */

#tabella table{
	margin:0 auto;
	width: 90%;
	background-color: #999999;
	margin-top: 2%;
}

#tabella #tabellastorico{
	margin:0 auto;
	width: 95%;
	background-color: #999999;
	margin-top: 2%;
}

#tabella .tabellestorico{
	margin:0 auto;
	width: 95%;
	background-color: #999999;
	
}

#tabella table td{
	padding:0.4em;
	text-align: center;
	background-color: white;
	font-size:14px;
}

#tabella table th{
	padding:0.4em;
	background-color: #488AC7;
	color: #fff;
	font-weight:bold;
	text-align: center;
	font-size:14px;
}

#tabella table tr.principal td{
	background-color: #CFFFDB;
	font-weight:bold;
	font-size:14px;
}

#tabella table tr.noprincipal td{
	background-color: #FFA6A7;
	font-weight:bold;
	font-size:14px;
}

.bottoni_form_operazioni{
	margin: 0 30px;
	width: 90%;
	float: right;
	padding-top: 1%;
}

.bottoni_form_anagrafica{
	margin: 6px 0 0;
	width: 100%;
	float: right;
}

.bottoni_liste_up{
	margin: 0 auto;
	width: 71%;
	padding-top: 2%;
}

.bottoni_liste{
	margin: 0 auto;
	width: 71%;
	padding-top: 5%;
}

.bottoni_liste_storico_carriera{
	margin: 0 auto;
	width: 100%;
	padding-top: 5%;
}

.bottoni_liste_storico_carriera_up{
	margin: 0 auto;
	width: 100%;
	padding-top: 2%;
	padding-bottom: 5%;
}

.bottone_ins{
	/*background-color: #488AC7;
	color: white;
	border: 1px solid #999999;
	float: right;
	margin-right: 1%;
	padding: 3px 10px;*/
	background-color: #488AC7;
    border: none;
    color: white;
    float: right;
    font-size: 15px;
    height: 29px;
    margin-right: 1%;
    padding: 2px 5px;
    width: 145px;
    cursor: pointer;
}

.bottone_back{
	background-color: #488AC7;
	color: white !important;
	border: none;
	float: right;
	font-family: 'Calibri';
	font-size: 16px;
	margin-right: 1%;
	padding: 5px 10px;
}

.bottone_back2{
	background-color: #488AC7;
	color: white !important;
	border: none;
	float: left;
	font-family: 'Calibri';
	font-size: 12px;
	margin-right: 1%;
	padding: 5px 10px;
}

.bottoni{
	margin-right: 4%;	
}

.paginazione{
	margin: 0 auto;
	padding-top: 0.5%;
	text-align: center;
	width: 70%;
}

.operazione_visualizza{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/view.gif) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_crea_pdf{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/finecontratto.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_pdf_ok{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img1/icon_pdf.jpg) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


.operazione_abilita{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/lock.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_disabilita{
  width:31px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/unlock.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


.operazione_modifica{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/edit.gif) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_modifica_puntuale{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/modifica_puntuale.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


.operazione_elimina{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/delete.gif) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


.operazione_associa_permessi{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/associa_permessi.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_visualizza_carriera{
  width:25px;
  height:25px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/history.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_nuova_assunzione{
  width:64px;
  height:64px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/newcontract.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_assegnazione{
  width:38px;
  height:38px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/addinstitute.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_cambio_profilo{
  width:30px;
  height:30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/cambioprofilo.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_comando{
  width:30px;
  height:30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/comando.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_distacco{
  width:30px;
  height:30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/distacco.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_cessazione{
  width:30px;
  height:30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/finecontratto.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_riqualificazione{
  width:64px;
  height:64px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/newcontract.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_trattenimento{
  width:30px;
  height:30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/trattenimento.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.operazione_seleziona{
  width:30px;
  height:30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/select.png) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.div_operazioni_disponibili{
	text-align: center;
}

.form_operazioni_carriera{
	display: inline;
	width: 20%;	
}

.div_operazioni_carriera{
	display: inline;
	width: 20%;	
}


/************************************************* */ 
/*              LAYOUT FORM form-layout            */
/* *********************************************** */

.form-layout{
	margin: 2% auto 0;
	width: 70%;
}

.errorField{
	color:red;
	font-family: 'Arial';
	font-size:10px;
	font-weight: bold;
	display: block;
}

.bottone_salva_modifica{
	background-color: #488AC7;
	color: white;
	border: none;
	float: right;
	font-family: 'Calibri';
	font-size: 16px;
	margin-right: 1%;
	padding: 3px 15px;
	height: 29px;
	cursor: pointer;
}

.bottone_sel_desel{
	background-color: #488AC7;
	color: white;
	border: 1px solid #999999;
	float: left;
	font-family: 'Calibri';
	font-size: 12px;
	margin-right: 1%;
	padding: 1px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.bottone_reset{
	background-color: #488AC7;
	color: white;
	border: none;
	float: right;
	font-family: 'Calibri';
	font-size: 16px;
	margin-right: 1%;
	padding: 1px 10px;
	height: 29px;
}


.textarea_note{
	overflow: hidden;
	width: 500px;
	height: 66px;
}

.campi_obbligatori{
	font-size: 12px;	
	font-weight: bold;
	margin-left: 9%;
}

.campi_autocomplete{
	font-size: 12px;	
	font-weight: bold;
	margin-left: 9%;
}

.form-layout{
	/*background-color: #dedede;*/
	/*position: relative;*/
	top: 2%;
	left: 50px;
	/*margin: 15px 0 20px 0;
	padding: 20px;*/
	/* REMOVE THE FOLLOWING LINE IF YOU WANT THE FORM TO WRAP TO THE BROWSER WINDOW SIZE*/
	width: 90%;
}



.form-layout span.required { 
	color: red;
	text-align: left;
}

.form-layout span.dataInizio {
	color: white;
	background-color: blue;
}

.form-layout span.autocomplete {
	color: blue;
	text-align: left;
}

.form-layout h1 {

	clear: left;
	font-size: 13px;
	text-align: left;
	margin: 5px 0 10px 0;
	color: orange;
}

.form-layout h2 {

	clear: left;
	font: bold 0.8em/0.8em 'Arial';
	text-align: left;
	margin: 5px 0 0 0;
	color: #BD6E64;
}


.form-layout label {
	font: bold 0.6em/1em  'Arial';
	color: #333333;
	margin: 0 15px 0 0;
}

.form-layout span.required {
	color: red;
	text-align: left;
}

.form-layout h2 {
	clear: left;
	font: bold 1em/1em 'Calibri';
	text-align: left;
	margin: 5px 0 0 0;
	color: #488AC7;
}

.form-layout label {
	font: bold 0.6em/1em 'Calibri';
	color: #333333;
	margin: 0 15px 0 0;
	font-size: 14px;
}

.form-layout-ricerca{
	/*background-color: #dedede;*/
	/*position: relative;*/
	top: 2%;
	/*padding: 20px;*/
	/* REMOVE THE FOLLOWING LINE IF YOU WANT THE FORM TO WRAP TO THE BROWSER WINDOW SIZE*/
	width: 90%;
}

.form-layout-ricerca{
	/*background-color: #dedede;*/
	/*position: relative;*/
	top: 2%;
	/*padding: 20px;*/
	/* REMOVE THE FOLLOWING LINE IF YOU WANT THE FORM TO WRAP TO THE BROWSER WINDOW SIZE*/
	width: 90%;
}

.form-layout-ricerca label {
	font: bold 0.6em/1em 'Calibri';
	color: #333333;
	margin: 0 15px 0 0;
	font-size: 14px;
}

div.row{
	clear: both;
	min-height:15px;
	height:auto !important;
	heigth: 15px;
	font-size: 18px;
	margin: 15px 0 0 0;

}

div.row-extend{
	clear: both;
	font-size: 18px;
	margin: 15px 0 0 0;
}

.search-layout{

	background-color: #F8F8F8;
	/*position: relative;*/
	top: 2%;
	margin: 15px 0 10px 0;
	padding: 0 2.2em !important;
	line-height: 1em !important;
	padding-bottom: 1em !important;
	/* REMOVE THE FOLLOWING LINE IF YOU WANT THE FORM TO WRAP TO THE BROWSER WINDOW SIZE*/
	/*width: 90%;*/
}


.labelsearch-column{
	float: left; 
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7em;
	/*color: #488AC7;*/
	min-width: 40%;
	width: auto;
	height: auto;
	text-align: left;
	padding-top: 2px;
}
/* USED FOR GENERIC COLUMNS */
.label-column{
	float: left;
	width: 20%;
	text-align: right;
}

.input-column{
	float: left; 
	width: 20%; 
	font-style: left; 
	padding-right: 5%;
	display:inline-block;
}

.input-column2{
	/*float: left; */
	text-align: left;
}

span.autocomplete_input-column{
	float: left; 
	width: 70%; 
	font-style: left; 
	padding-right: 5%;
	display:inline-block;
}

.input-columnBig{
	float: left; 
	width: 50%; 
	font-style: left; 
	padding-right: 5%;
	display:inline-block;
}


.section{
	padding-bottom: 5%;
	padding-left: 2%;
	line-height: 1em;
}


.errorMessage{
	color:red;
	font-family: 'Arial';
	font-size:14px;
	font-weight: bold;
	display: block;
}

/************************************************* */ 
/*               LAYOUT PAGINE CONFERMA            */
/* *********************************************** */

.msg_conferma{
	font-weight: bold;
	font-size: 18px;
	margin: 10px 15px;
	text-align: center;
}

.msg_error{
	font-weight: bold;
	font-size: 16px;
	margin: 10px 15px;
	text-align: center;
	color: red !important;
}

.bottoni_conferma{
	padding-top: 2%;
	text-align: center;	
}

.bottoni_conferma table{
	margin: 0 auto;
	text-align: center;	
}

.td_bottoni_conferma{
	padding-left: 25px;
}

.bottone_si{
	background: url(../img/true.png) no-repeat center top;
	border: none;
	width: 26px;
	height: 36px;
	margin-top: 9px;
}

.bottone_no{
	border: none;
}


/**********************/
/**** Layout TAB ******/
/**********************/
.tabtitle a{
	clear: left;
	font: bold 1em/1em 'Calibri';
	text-align: left;
	margin: 5px 0 0 0;
	color: #488AC7;
}


/******************************************/
/****** Tabella con riga selezionate ******/
/******************************************/
tr.selected	{
	background-color:#4a1200 !important;
	color:red !important;}

.datahighlight {
        background-color: #ffdc87 !important;
}

/******************************************/
/************ Upload Documenti ************/
/******************************************/

.upload_file {
	float: left;
}

.label_upload{
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7em;
	text-align: left;
	font-weight: bold;
}

.div_button_upload{
	padding-top: 20px;
	text-align: center;
}

.submit_button_upload{
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7em;
	text-align: left;
}





.view_files {
	padding-top: 50px;
	vertical-align: middle;
}

.span_elimina_documento{
	float: left;
	display: block;
}

.nome_logico{
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
}

.visualizza_documento{
	width:33px;
  	height:33px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(../img/download.gif) no-repeat center top;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

.form_visualizza_documento{

}

.elimina_documento{
	width:32px;
  	height:32px;
 	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(../img/close.png) no-repeat center top;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

.label_documenti_empty{
	font-weight: bold;
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.7em;
	color: red;
}

/** TABLE CSS  ***/

table.gradienttable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.gradienttable th {
	padding: 0px;
	background: #d5e3e4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2NjZGVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2M4Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d5e3e4 0%, #ccdee0 40%, #b3c8cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5e3e4), color-stop(40%,#ccdee0), color-stop(100%,#b3c8cc));
	background: -webkit-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: -o-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: -ms-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: linear-gradient(to bottom,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	border: 1px solid #999999;
}
table.gradienttable td {
	padding: 0px;
	background: #ebecda;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWNkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2UwZTBjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ebecda 0%, #e0e0c6 40%, #ceceb7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebecda), color-stop(40%,#e0e0c6), color-stop(100%,#ceceb7));
	background: -webkit-linear-gradient(top,  #ebecda 0%,#e0e0c6 40%,#ceceb7 100%);
	background: -o-linear-gradient(top,  #ebecda 0%,#e0e0c6 40%,#ceceb7 100%);
	background: -ms-linear-gradient(top,  #ebecda 0%,#e0e0c6 40%,#ceceb7 100%);
	background: linear-gradient(to bottom,  #ebecda 0%,#e0e0c6 40%,#ceceb7 100%);
	border: 1px solid #999999;
}
table.gradienttable th  {
	margin:0px;
	padding:8px;
	border-top: 1px solid #eefafc;
	border-bottom:0px;
	border-left: 1px solid #eefafc;
	border-right:0px;
}
table.gradienttable td  {
	margin:0px;
	padding:8px;
	border-top: 1px solid #fcfdec;
	border-bottom:0px;
	border-left: 1px solid #fcfdec;;
	border-right:0px;
}


#loading {
   display:none;
   position:fixed;
   left:0;
   top:0%;
   width:100%;
   height:100%;
   background: rgba( 253, 253, 253, .9 );
}
.gray{background-color: gray;}

div#tableForm {
 display:table; 
 padding: 20px;
 font-family: 'Calibri';
 font-size: xx-small;
}

div.tableRow {
  display:table-row;  
  height: 30px;
  font-size: xx-small;
}
div.tableCellLabel {
    display:table-cell;   
    width:inherit;
	padding-left:10px;
	/*border: solid black 1px;*/
	text-align:right;
}

div.tableCell {
    display:table-cell;   
    width:inherit;
	padding-left:10px;
	/*border: solid black 1px;*/
	text-align:left;
}

.inputTextTable{
 font-size: 11px;
 width: 90%;
 cursor: pointer;
 font-size: 14px;
}


<!-- Stili di Liferay -->
	.portlet-msg-info {
	background: #DFF4FF url(../images/messages/info.png) no-repeat 6px 50%;
	border: 1px solid #A7CEDF;
	color: #34404F;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
    }
    
    div.sfondo {
	border: 5px double #DDEEF6;
	background-color: #DDEEF6;
	}
	
	div.footer {
	    background: #0152d8;
	    color: #e1e1e1;
	    height: 35px;
	    clear: both; 
	}