html {
	width: 100%;
	height: 100%; /*per sticky footer*/
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%; /*per sticky footer*/
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica Neue, sans-serif;
	font-size: 12px;
	color: #3f3f3f;
}
div#clear {
	clear: both;
}

/* Wrapper di #header, #main e #footer */
div#page {
    width: 100%;
    float: left; /*per*/
    min-height: 100%; /*sticky*/
	position: relative; /*footer*/
	margin: 0;
}

/* Testata */
div#header {
	width: 100%;
	height: 83px;
	margin: 0;
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
}
div#header div#logo {
	position: absolute;
	top: 0;
	left: 0;
}
div#header div#logo a img {
	height: 51px;
	border: none;
	margin: 16px 132px 16px 30px;
}
div#header div#loginMsg {
	position: absolute;
	top: 14px;
    right: 30px;
	text-align: right;
	width: 450px;
	color: #00458a;
}
div#header div#loginMsg p.benvenuto-login, div#header div#loginMsg p#personificaMsg {
	height: 16px;
	margin: 0;
}
div#header div#loginMenu {
	position: absolute;
	top: 36px;
    right: 0;
}
div#header div#loginMenu ul {
    margin-top: 1px;
    padding-left: 0px;
	list-style-type: none;
}
div#header div#loginMenu ul li {
	display: block;
	float: right;
	padding: 1px 5px 1px 3px;
	background-color: #eeebeb;
	margin-left: 10px;
	border-radius: 4px;
	behavior: url(PIE.htc);
}
div#header div#loginMenu ul li p {
    float: left;
    margin: 0 3px 1px 0;
}
div#header div#loginMenu ul li a {
	color: #00458a;
	text-decoration: none;
	float: right;
    margin: 1px 3px 0 0;
}
div#header div#loginMenu ul li a:hover {
	text-decoration: none;
}

/* Menu principale */
div#menu {
	width: 100%;
	height: 41px;
	background-color: #00458a;
}
div#menu a:link, div#menu a:visited {
	text-decoration: none;
	color: #fff;
}
div#menu ul {
	margin: 0 0 0 30px;
	padding: 0px;
	color: #fff;
	list-style-type: none;
	float: left;
}
div#menu > ul > li {
	display: inline-block;
	background-color: #00458a;
}
div#menu ul li a {
	display: block;
	height: 29px;
    padding: 12px 11px 0 11px;
	cursor: pointer;
}
div#menu ul li a:hover {
    padding: 12px 11px 0 11px;
    border: 0;
    color: #FEBE00;
    -moz-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
div#menu ul li.selected a {
	padding: 8px 11px 0 11px;
    border-top: 2px solid #FEBE00;
    font-weight: bold;
    color: #FEBE00;
}
div#menu ul li.selected ul li a {
	padding: 12px 11px 0 11px;
    border: 0;
    font-weight: bold;
    color: #FEBE00;
}
div#menu > ul > li > ul {
	display: none;
	position: absolute;
	background-color: #00458a;
}
div#menu ul li:hover > ul {
	display: block;
	z-index: 1;
	margin: 0;
	padding: 0;
}

/* Footer */
div#footer {
	width: 100%;
	clear: both;
	height: 36px;
	margin-top: 6px;
	border-top: 3px solid #003366;
	border-radius: 1px;
	color: #febe00;
	background-color: #1f4d8b;
	padding-bottom: 5px;
	position: absolute; /*per*/
	bottom: 0; /*sticky*/
	left: 0; /*footer*/
	behavior: url(PIE.htc);
}
div#footer div#serviceBy {
	text-align: center;
}
div#footer div#serviceBy p {
	margin: 3px 0 0 0;
}
div#footer div#developedBy {
	float: right;
	margin-right: 20px;
}
div#footer div#developedBy a {
	color: #febe00;
	font-size: 10px;
	text-decoration: none;
}
div#footer div#developedBy a:hover {
	text-decoration: underline;
}

/* Contenuto tra header e footer */
div#main {
	width: 98%;
    margin-left: 1%;
    margin-right: 1%;
	padding-bottom: 45px; /*per sticky footer (uguale a footer height+margin+border verticali)*/
}
div#info-utente-incaricato {
    height: 20px;
    width: 20px;
    display: inline;
    margin-left: 4px;
}
select {
	font-size: 10px;
	height: 30px;
}
input {
	font-size: 12px; 
	margin-left : 2px;
}
textarea {
    border: 1px solid #DDD;
	border-radius: 4px;
	padding: 3px;
	color: #434343;
	font-size: 11px; 
	width: 270px;
	height: 90px;
	margin-left: 2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	behavior: url(PIE.htc);
}

/* Titoli principali e bottoni di "nuovo" */
h1 {
	font-weight: bold;
	/*font-size: 24px;*/
	font-size: 20px;
	text-shadow: 2px 2px #EEE;
	padding-bottom: 0;
	margin: 16px 0 10px 0;
}
h1.colore-titolo-h1 {
	color: #00458a;
}
h1.leftTitle, h1.centerTitle, h1.rightTitle {
	min-height: 30px;
	margin: 16px 0 10px 3px;
}
h1.larghezzaTitoloLeft, h1.larghezzaTitoloCenter, h1.larghezzaTitoloRight {
	width: 79%;
	float: left;
}
h1.altezzaTitoloAlto {
	height: 60px;
}
div.LeftPlus, div.CenterPlus, div.RightPlus {
	width: 10%;
	float: left;
	height: 30px;
	margin: 16px 0 10px 0;
}
a.plus {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 4px 0 10px 0;
	background-image: url('../../Immagini/plus.png');
	background-repeat: no-repeat;
}
a.plus:hover {
    cursor: pointer;
}

/* Box trasferte */
div.box {
    float: left;
	min-height: 86px;
	width: 250px;
	color: #3f3f3f;
	padding-bottom: 2px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}

div.box a {
	color: #3f3f3f;
}

div.column-colonna-stretta div.box, div.column-tre-colonne div.box,
div.column-quattro-colonne div.box {/* Box nel dettaglio e nel riepilogo */
	float: left;
	min-height: 86px;
	width: 90%;
	color: #3f3f3f;
	padding-bottom: 2px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}
div.detailElenco div.box {/* Box nell'elenco degli allegati del dettaglio */
	float: left;
	min-height: 86px;
	width: 29%; /*importante*/
	margin-left: 7px; /*importante*/
	color: #3f3f3f;
	padding-bottom: 2px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}
div.leftBox, div.centerBox, div.rightBox {
	margin: 0 0 7px 0;
}
div.contenitoreBox div.leftBox, div.contenitoreBox div.centerBox, div.contenitoreBox div.rightBox {
	width: 98%;
	margin: 0 1% 1% 1%;
}
/* sezione dettagli */
div.box div.boxDetail {
	float: left;
	width: 204px;
	height: 54px;
	border-top-left-radius: 3px;
	behavior: url(PIE.htc);
}
div.column-colonna-stretta div.box div.boxDetail, div.column-tre-colonne div.box div.boxDetail,
div.column-quattro-colonne div.box div.boxDetail {/* Box nel dettaglio e nel riepilogo */
	float: left;
	width: 83%;
	height: 54px;
	border-top-left-radius: 3px;
	behavior: url(PIE.htc);
}
div.detailElenco div.box div.boxDetail {/* Box nell'elenco degli allegati del dettaglio */
	float: left;
	width: 80%;
	height: 54px;
	border-top-left-radius: 3px;
	behavior: url(PIE.htc);
}
div.box div.boxDetail p.detailData {
	margin: 2px 5px 0px 5px;
	font-size: 0.9em;
	height: 13px;
}
div.box div.boxDetail p.detailDescrAllegato {
	margin: 3px 5px 3px 5px;
	font-size: 1em;
	height: 30px;
	overflow: hidden;
}
div.box div.boxDetail p.detailTipologiaSpesa {
    margin: 3px 5px 0 5px;
	font-size: 1em;
	font-weight: bold;
	/*height: 33px;*/
}
div.box div.boxDetail p.detailDescr {
	margin: 4px 5px 0 5px;
	font-size: 1.1em;
	height: 15px;
}
div.box div.boxDetail p.detailStato {
    margin: 2px 5px 0px 4px;
	font-size: 1em;
    font-weight: bold;
    height: 15px;
}
div.box div.boxDetail p.detailLocalita {
	margin: 2px 5px 2px 5px;
	font-size: 1em;
	height: 15px;
}
div.box div.boxDetail p.detailDescrNotaSpese {
	margin: 2px 5px 2px 5px;
	font-size: 1.1em;
	height: 15px;
}
/* sezione bottoni */
div.box div.boxButtons {
	float: right;
	width: 36px;
	height: 54px;
}
div.column-colonna-stretta div.box div.boxButtons, div.column-tre-colonne div.box div.boxButtons,
div.column-quattro-colonne div.box div.boxButtons {/* Box nel dettaglio e nel riepilogo */
	float: right;
	width: 17%;
	height: 54px;
}
div.detailElenco div.box div.boxButtons {/* Box nell'elenco degli allegati del dettaglio */
	float: right;
	width: 20%;
	height: 54px;
}
div.box div.boxButtons a.edit {
	display: block;
	float: right;
	height: 14px;
	width: 18px;
	margin: 5px 5px 0 0;
	background-image: url('../../Immagini/Icone/edit2.png');
	background-repeat: no-repeat;
}
div.box div.boxButtons a.delete {
	display: block;
	float: right;
	height: 14px;
	width: 18px;
	margin: 5px 5px 0 0;
	background-image: url('../../Immagini/Icone/delete2.png');
	background-repeat: no-repeat;
}
div.box div.boxButtons a.view-attachment {
	display: block;
	float: right;
	height: 14px;
	width: 18px;
	margin: 5px 5px 0 0;
	background-image: url('../../Immagini/Icone/allegati.png');
	background-repeat: no-repeat;
}
div.box div.boxButtons a.view {
	display: block;
	float: right;
	height: 18px;
	width: 20px;
	margin: 5px 5px 0 0;
	background-image: url('../../Immagini/Icone/visualizza.png');
	background-repeat: no-repeat;
}
div.box div.boxButtons a.slega {
	display: block;
	float: right;
	height: 14px;
	width: 18px;
	margin: 5px 5px 0 0;
	background-image: url('../../Immagini/Icone/divietomini.png');
	background-repeat: no-repeat;
}
/* sezione icona */
div.box div.boxIcon {
	float: left;
	width: 50px;
	height: 32px;
	border-bottom-left-radius: 3px;
	background-repeat: no-repeat;
	behavior: url(PIE.htc);
}
div.column-colonna-stretta div.box div.boxIcon, div.column-tre-colonne div.box div.boxIcon,
div.column-quattro-colonne div.box div.boxIcon {/* Box nel dettaglio e nel riepilogo */
	float: left;
	width: 14%;
	height: 32px;
	border-bottom-left-radius: 3px;
	background-repeat: no-repeat;
	background-position: center;
    margin-left: 1%;
	behavior: url(PIE.htc);
}
div.detailElenco div.box div.boxIcon {/* Box nell'elenco degli allegati del dettaglio */
	float: left;
	width: 15%;
	height: 32px;
	border-bottom-left-radius: 3px;
	background-repeat: no-repeat;
	behavior: url(PIE.htc);
}
/* sezione importo */
div.box div.boxImport {
	float: left;
	width: 90px;
	height: 32px;
}
div.column-colonna-stretta div.box div.boxImport, div.column-tre-colonne div.box div.boxImport,
div.column-quattro-colonne div.box div.boxImport {/* Box nel dettaglio e nel riepilogo */
	float: left;
	width: 65%;
	height: 32px;
}
div.detailElenco div.box div.boxImport {/* Box nell'elenco degli allegati del dettaglio */
	float: left;
	width: 65%;
	height: 32px;
}
div.box div.boxImport p {
	height: 29px;
	text-align: right;
	margin: 3px 5px 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
}
/* sezione errori */
div.box div.boxAlert-empty {
    float: left;
    width: 30px;
    height: 32px;
}
div.box div.boxAlert-image-error {/* Box nei dettagli (solo spese) */
    float: right;
    width: 30px;
    height: 32px;
	background-image: url('../../Immagini/Icone/Sincro/errori2.png');
	background-repeat: no-repeat;
}
div.box div.boxAlert-image-alert-massimale {
    float: right;
    width: 30px;
    height: 32px;
	background-image: url('../../Immagini/Icone/Sincro/Alert2.png');
	background-repeat: no-repeat;
	border-bottom-left-radius: 3px;
	behavior: url(PIE.htc);
}
div.column-colonna-stretta div.box div.boxAlert-empty, div.column-tre-colonne div.box div.boxAlert-empty,
div.column-quattro-colonne div.box div.boxAlert-empty {/* Box nel dettaglio e nel riepilogo */
    float: left;
    width: 10%;
    height: 32px;
}
div.detailElenco div.box div.boxAlert-empty {/* Box nell'elenco degli allegati del dettaglio */
    float: left;
    width: 10%;
    height: 32px;
}
div.column-colonna-stretta div.box div.boxAlert-image-error, div.column-tre-colonne div.box div.boxAlert-image-error,
div.column-quattro-colonne div.box div.boxAlert-image-error {/* Box nel riepilogo (solo spese) */
    float: right;
    width: 10%;
    height: 32px;
	background-image: url('../../Immagini/Icone/Sincro/errori2.png');
	background-repeat: no-repeat;
}
div.detailElenco div.box div.boxAlert-image-error {/* Box nell'elenco degli allegati del dettaglio */
    float: right;
    width: 10%;
    height: 32px;
	background-image: url('../../Immagini/Icone/Sincro/errori2.png');
	background-repeat: no-repeat;
}
div.column-colonna-stretta div.box div.boxAlert-image-alert-massimale,
div.column-tre-colonne div.box div.boxAlert-image-alert-massimale,
div.column-quattro-colonne div.box div.boxAlert-image-alert-massimale {/* Box nel dettaglio e nel riepilogo */
    float: right;
    width: 10%;
    height: 32px;
	background-image: url('../../Immagini/Icone/Sincro/Alert2.png');
	background-repeat: no-repeat;
	border-bottom-left-radius: 3px;
	behavior: url(PIE.htc);
}
div.detailElenco div.box div.boxAlert-image-alert-massimale {/* Box nell'elenco degli allegati del dettaglio */
    float: right;
    width: 10%;
    height: 32px;
	background-image: url('../../Immagini/Icone/Sincro/Alert2.png');
	background-repeat: no-repeat;
	border-bottom-left-radius: 3px;
	behavior: url(PIE.htc);
}

p.detailStatus{
    float: left;
    width: 164px;
    font-weight: bold;
	font-size: 1em;
	margin: 0 5px 0 5px;
}
p.speseAllegate{
    float: left;
    width: 164px;
	font-size: 0.8em;
	margin: 0 5px 0 5px;    
}
p.filtriAttivi{
    font-size: 1em;
    font-weight:bold;
	margin: 0 5px 0 2px;
	width: 66px;
	color: #FFCC00;	 
	background-color: #2b3e90;
	border-color: black;
    border-style: solid;
    border-width: 1px;  
    padding: 1.5px;  
    border-radius: 3px;
}
.icon-aci {
    height:28px;
    width:28px;
    display: inline-block;
}
div.approvata {
    width: 50px;
    height: 20px;
    float: left;
    margin: 3px 100px 0 0; 
}
a.download {
	display: block;
	height: 20px;
	margin: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-image: url('../../Immagini/Icone/download.png');
	background-repeat: no-repeat;
}
a.info-utente-incaricato
{
    height: 20px;
    width: 20px;
    background-image: url('../../Immagini/Configuratore/ElementiMini/GruppoMini.png');
	background-repeat: no-repeat;
}

div.box div.boxAlert-image-alert {
    float: right;
    width: 30px;
    height: 32px; 
    border-bottom-left-radius: 3px;
	background-repeat: no-repeat; 
	background-image: url('../../Immagini/Icone/Sincro/Alert2.png'); 
	behavior: url(PIE.htc);
}

a.ImagelinkReport{
   background-image: url('../../Immagini/Icone/visualizza.png');
   height: 16px; 
   width: 20px;
   float: left;
   display: block;
   background-repeat: no-repeat;
}
a.ImagelinkToMail{
   background-image: url('../../Immagini/Icone/invia.png');
   height: 16px; 
   width: 20px;
   float: left;
   display: block;
   background-repeat: no-repeat;
}
a.view-bumpbox 
{
    float: left;
    display: block;
    background-repeat: no-repeat;
    height: 35px; 
    width: 70px;
    background-image: url('../../Immagini/visualizzabottone.png');
}
a.view-bumpbox:hover
{
    cursor: default;
}
/* Icone generali */
.icon-allegato {
	background-image: url('../../Immagini/IconeColorate/allegato.png');
}
.icon-user {
	background-image: url('../../Immagini/IconeColorate/user.png');
}
.icon-carta {
	background-image: url('../../Immagini/IconeColorate/amex.png');
}
.icon-agency {
	background-image: url('../../Immagini/IconeColorate/frigerio.png');
}
.icon-receipt {
	background-image: url('../../Immagini/IconeColorate/receipt.png');
}

.colore-icon-green-airplane {
	background-image: url('../../Immagini/IconeColorate/airplane-green.png');
}
.colore-icon-orange-airplane {
	background-image: url('../../Immagini/IconeColorate/airplane-orange.png');
}
.colore-icon-red-airplane {
	background-image: url('../../Immagini/IconeColorate/airplane-red.png');
}
.colore-icon-green-cibo {
	background-image: url('../../Immagini/IconeColorate/cibo-green.png');
}
.colore-icon-orange-cibo {
	background-image: url('../../Immagini/IconeColorate/cibo-orange.png');
}
.colore-icon-red-cibo {
	background-image: url('../../Immagini/IconeColorate/cibo-red.png');
}
.pick {
   background-image: url('../../Immagini/Icone/Sincro/Pick.png');    
}
.alert {
   background-image: url('../../Immagini/Icone/Sincro/Alert.png');    
}

/*spesa, nota spesa, ecc.*/
div.column div.boxSearch {
	width: 100%;
	height: 27px;
	margin-bottom: 12px;
}
div.boxSearch input#campo_cerca_allegati {
	float: left;
	width: 168px;
	height: 15px; /*per IE8*/
	font-size: 1.1em;
	color: #747576;
	margin-top: 0; /*per IE8*/
	margin-bottom: 10px;
	border: 1px solid #CCC;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	behavior: url(PIE.htc);
}
div.boxSearch a#cerca_allegati {
	float: left;
	width: 21px;
	height: 21px;
	border: 1px solid #CCC;
	border-left: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-image: url('../../Immagini/Icone/search.png');
	behavior: url(PIE.htc);
}
div.boxSearch a#cerca_allegati:active {
	background-image: url('../../Immagini/Icone/search-active.png');
}
/*dettagli*/
h2 {
	font-size: 18px;
	text-shadow: 2px 2px #EEE;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px solid #00458a;
}
div#columnDetailsSmall h2 {
	margin: 16px 0 10px 0;
}
div.mtt-accordion {
    border-bottom: 1px solid #00458a;
}
h2.titolo-filtri:hover {
    cursor: pointer;
}
h2.titolo-sezione:hover {
    cursor: pointer;/*Per Accordion*/
}
h2.titolo-filtri {
    display: inline-block;
    margin-bottom: 0px;
    border-bottom: 0px;
    color: #00458a;
    text-shadow: 2px 2px #EEE;
}
span.titolo-filtri {
    background-image: url('Tema/ui-icons_888888_256x240.png');
    width: 16px;
	height: 16px;
	overflow: hidden;
	display: inline-block;
    vertical-align: middle;
}
span.indicatoreAccordion {/*Per Accordion*/
    background-image: url('Tema/ui-icons_888888_256x240.png');
    width: 16px;
	height: 16px;
	overflow: hidden;
	display: inline-block;
    vertical-align: middle;
    float: left;
	margin-top: 20px;
	width: 2%;
}
span.chiuso
{
    BACKGROUND-POSITION: -64px -16px
}
span.aperto
{
    BACKGROUND-POSITION: 0px -16px
}
h2.titolo-h2-destra {
	color: #00458a;
	float: right;
	width: 100%;
	text-align: right;
	font-weight: normal;
	border-bottom: 0; /*sovrascrive quello di h2*/
	margin: 3px 0; /*sovrascrive quello di h2*/
	padding: 0; /*sovrascrive quello di h2*/
}
h2.colore-titolo-h2 {
    color: #00458a;
	float: left;
	width: 100%;
}
div#columnDetailsSmall h2.colore-titolo-h2 {
    width: 98%;
}
/*div.columnDetails div#detailSpesa {
	min-height: 310px;
}
div.columnDetails div#detailNotaSpese {
	min-height: 210px;
}
div.columnDetails div#detailAllegato {
	min-height: 100px;
}*/
/*tabelle dettagli*/
table#detailSpesaComments{
    width: 430px;
}

div#columnDetailsSmall table#detailSpesaDetails, div#columnDetailsSmall table#campiopzionali,
div#columnDetailsSmall table#detailSpesaDetailsNote {
    width: 60%;
}
div#columnDetailsBig table#detailSpesaDetails, div#columnDetailsBig table#campiopzionali,
div#columnDetailsBig table#detailSpesaDetailsNote {
    width: 70%;
}

table.tableReportIcon {
    padding: 2px;
    margin: 0 auto;
    /*position: absolute;
    top: 25%;
    left: 30%;*/
}
div.columnDetails td.left {
    width: 20%;
	text-align: right;
	padding-right: 15px;
}
div.columnDetails td.with_input_left input {
	float: left;
}

div.columnDetails td:last-child
{
    width: 80%;
}

div.columnDetails input#Descrizione
{
    width: 85%;
}
div.columnDetails td.reportTable {
	width: 100px;
	height: 100px;
	text-align: center;
	padding: 0 10px 5px 10px;
	border: 2px solid #d6e7c7;
    border-radius: 3px;
    behavior: url(PIE.htc);
    color: #00458a;
}
div.columnDetails td
{
    width: 280px;
}
a.spese{
    display: block;
    background-image:url('../../Immagini/spese.png');
    background-repeat:no-repeat;
    background-position:center;
    width: 100px;
    height:100px;  
}
a.noteSpesa
{
    display: block;
    background-image:url('../../Immagini/notaspese.png');
    background-repeat:no-repeat;
    background-position:center;
    width: 100px;
    height:100px;     
}
a.info-utente-incaricato
{
    height: 20px;
    width: 20px;
    background-image: url('../../Immagini/Configuratore/ElementiMini/GruppoMini.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
/*totali*/
div#column-totali-cassa {
	float: right;
	width: 127px;
	margin: 3px;
}
/*div#detailTotale {agisce solo nel portafoglio
	float: right;
	width: 20%;
}*/
div#columnDetailsSmall div#detailTotale {
	float: right;
	width: 20%;
}
div#columnDetailsBig div#detailTotale {
	float: right;
	width: 15%;
}

div#detailTotale-container {
	height: 40px;
}
div#detailTotale.totalePortafoglio {
	width: 20%;
	position: relative;
	left: 79%;
	top: -33px;
}

div#detailTotale ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 20px;
}
div#detailTotale ul.marginTopTotalePortafoglio {
	margin-top: 5px;
}

div#detailTotale ul div {
	border: 1px solid #d6e7c7;
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 7px;
	background-color: #ddefd7;
	color: #40854c;
	behavior: url(PIE.htc);
}

div#detailTotale span {
	right: 0px;
}
div#detailTotale p.detailTotaleValore {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.7em;
	margin: 10px 0 0 0;
}
div#detailTotale p.detailTotaleValore a {
	cursor: pointer;
}
div#detailTotale p.detailSubTotaleTotaleValore {
	font-size: 0.8em;
	margin: 5px;
	display: none;
}
div#detailTotale p#whiteBar {
	margin: 7px 5px;
	height: 2px;
	border-radius: 1px;
	background-color: #fff;
	behavior: url(PIE.htc);
}
div#detailAnticipo {
	width: 100px;
	float: right;
	border: 1px solid #d6e7c7;
	border-radius: 3px;
	padding: 7px;
	background-color: #ddefd7;
	color: #40854c;
	behavior: url(PIE.htc);
}
div#detailAnticipo p.detailAnticipoValore {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.7em;
	margin: 10px 0 0 0;
}
div#detailAnticipo p#whiteBar {
	margin: 7px 5px;
	height: 2px;
	border-radius: 1px;
	background-color: #fff;
	behavior: url(PIE.htc);
}
/*bottoni*/
div#columnDetailsSmall div#detailBottoni {
	float: right;
	position: relative;
	width: 19%;
}
div#columnDetailsBig div#detailBottoni {
	float: right;
	position: relative;
	width: 14%;
}
div#detailBottoni ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 20px;
}
div#detailBottoni ul li {
	margin-bottom: 5px;
}
div#detailBottoni ul li input {
	width: 95%;
	padding: 8px 8px 8px 8px;
	font-weight: bold;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: #f0f0f0;
}

div#detailBottoni ul li a {
    width: 94%;
    font-weight: bold;
    padding: 8px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    margin-left: 2px;
}

div#detailBottoni ul li input#approva,
div#detailBottoni ul li input#salva,
div#detailBottoni ul li input#salva1 {
	background-image: url('../../Immagini/Icone/approvaSalva.png');
}
div#detailBottoni ul li input#rifiuta,
div#detailBottoni ul li input#elimina {
	background-image: url('../../Immagini/Icone/rifiutaCancella.png');
}
div#detailBottoni ul li input#daModificare {
	background-image: url('../../Immagini/Icone/daModificare.png');
}
div#detailBottoni ul li input#invia {
	background-image: url('../../Immagini/Icone/invia.png');
}
div#detailBottoni ul li input#bottone_storico {
	background-image: url('../../Immagini/Icone/storico.png');
}
/*immagine allegato*/
div.columnDetails div#detailAllegatoImage img {
	border: 1px solid #DDD;
	border-radius: 4px;
	padding: 3px;
	margin-left: 100px;
}
a.view-bumpbox 
{
    float: left;
    display: block;
    background-repeat: no-repeat;
    height: 35px; 
    width: 70px;
    background-image: url('../../Immagini/visualizzabottone.png');  
}
a.view-bumpbox:hover
{
    cursor: default;
}
/*elenchi*/
div.columnDetails div.detailElenco {
	float: left;
	width: 100%;
	/*min-height: 80px;*//*Per Accordion*/
}
div.detailElenco .box {
	float: left;
}

/* Chat */
div.columnDetails div.detailChat {
	float: left;
	width: 100%;
	text-align: left;
}

div.detailChat table#chat {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

table#chat th {
	font-weight: bold;
	font-size: 11.5px;
	color: #3f3f3f;
	text-align: left;
}

table#chat tr.odd {
	background-color: #fff;
}

table#chat tr.even {
	background-color: #efefef;
}

/* Accordion */
div.contenitoreAccordion.aperto {
	display: block;
}
div.contenitoreAccordion.chiuso {
	display: none;
}

/* Funzionalità Ajax */
#ajaxLoaderContainer {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10000;
}

.ajaxLoaderDiv {
	background-color: gray;
	height: 100%;
	width: 100%;
	opacity: 0.4;
	filter: alpha(opacity=40);
	position: fixed;
	z-index: 1000;
}

.ajaxLoaderMessage{
	width:100px;
	border-radius: 15px;
	padding:10px;
	font-weight:bold;
	color:white;
	background-color: black;
	text-align: center;
	vertical-align:middle;
	margin: auto;
	margin-top:20%;
	behavior: url(PIE.htc);
}

/* Titoli */
.titoletto 
{
	margin: 10px auto 10px auto;
	padding: 5px 5px 5px 50px;
	font-size: 2em;
	font-weight: bold;
}

/* Blocchi centrali, piccoli pannellini */
.blocco-centrale 
{
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 10px;
}

.blocco-centrale .bottoni
{
	text-align: right;
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 10px;
}

/* Blocchi centrali - personalizzazioni */
.tabella-aggiungi
{
	text-align: left;
	width: 85%;
    margin: 0 auto 15px auto;
}

.div-drag-over {
    background-color: #ddd;
    border-radius: 5px;
    behavior: url(PIE.htc);
}

/* Stili per supporti di convalida
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.lista-errore
{
    color:Red;
}

.validation-summary-errors {
    font-weight: bold;
    color: #3f3f3f;
}

.validation-summary-errors ul {
    margin: 1px 0;
}

.validation-summary-valid {
    display: none;
}


table.storicotable 
{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10px;
}

table.storicotable th {
	font-weight: bold;
	font-size: 12px;
	color: #00458a;
	text-align: left;
	height: 15px;
}

table.storicotable th.ordinabile {
	cursor:pointer;
}

table.storicotable th.headerSortUp {
	background-image: url('../../Immagini/Icone/bullet-arrow-up-icon-16.png');
    background-repeat:no-repeat;
    background-position:right; 
}

table.storicotable th.headerSortDown {
	background-image: url('../../Immagini/Icone/bullet-arrow-down-icon-16.png') ;
	background-repeat:no-repeat;
    background-position:right; 
}

table.storicotable tr.odd {
	background-color: #fff;
}

table.storicotable tr.even {
	background-color: #efefef;
}

table.storicotable td {
    font-size: 12px;
}

table.storicotable a
{
    text-decoration: underline;
    color: inherit;   
}

table.storicotable td.numeric
{
    text-align: right;
}

.cruscotto-azioni 
{
     width: 90%;
     height: 50px;
}

.cruscotto-azioni-bottoni 
{
    float: left;
    padding-top: 13px;
}

/* Messaggi di errore */
.cruscotto-messaggi-generali-errore 
{
	color: Red;
	font-weight: bold;
}

/*.caricamento 
{
    padding-top: 0px;
}*/

.cruscotto-azioni-pager 
{
    width: 212px;
    height: 25px;
    float: right;
    padding-top: 10px;
}

.cruscotto-azioni-pager div 
{
    width:50px;
    float:left;
}

.cruscotto-azioni-pager .pagine
{
    text-align: center;
    margin-top: 3px;
}

.cruscotto-messaggi-esito ul {
    margin: 1px 0;
}

.cruscotto-elenco 
{
    margin-top: 5px;
}
div#cruscotto-azioni-bottoni-lista-inserisci, div#cruscotto-azioni-bottoni-lista {
    float: left;
}
div#immagine_caricamento_ajax {
	margin-top: 5px;
	float: left;
}

.messaggi-esito {
    width: 49%;
    font-weight: bold;
    margin: 20px auto 5px 1%;
}
.ui-dialog .messaggi-esito {
    width: 96%;
    font-weight: bold;
    margin: 20px auto 5px 1%;
}

/* NEW CSS per Filtro */
form#formAllegati div.filterBox:first-child,
form#formFiltriSpese div.filterBox:first-child,
form#formPortafoglio div.filterBox:first-child {
	height: 60px !important; /*perchè c'è un solo filtro*/
}
form#formAllegati div.filterBox:first-child,
form#formFiltriSpese div.filterBox:first-child {
	width: 100% !important; /*perchè il filtro contiene più elementi*/
}
div#filtri-cruscotto-container div.filterBox:first-child {
    height: 148px;/*height: 40px;*/
    /*più:*/
    width: 322px;
	float: left;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 3px;
}
div.filterBox {
	margin-bottom: 10px;/*margin-bottom: 30px;*/
	padding: 0px;
	/*più:*/
	height: 148px;
	width: 322px;
	float: left;
	margin-right: 3px;
}

.filtro-dati
{
    padding: 10px;
    border-bottom: 1px dotted #265380;
	border-right: 1px dotted #265380;
	border-left: 1px dotted #265380;
}

.inputfield-label {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #434343;
	margin-right: 7px;
	float: left;
}

.inputfield-label span, .inputfield-label span input {
	width: 90px;
}

.inputfield-label span.label {
	border: none;
}

.inputfield-label span.label, .inputfield-label span.label label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	color: #434343;
	margin-bottom: 10px;
	padding-left: 3px;
}

.inputfield-button {
	display: inline-block;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	cursor: pointer;
}

.inputfield-button em {
	display: inline-block;
	width: 16px;
	height: 14px;
	/*background-image: url('icone-Filtro/ui-icons_888888_256x240.png');*/
}

div.filterBox h2 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #fff;
	text-shadow: none;
	background-color: #00458a;
	padding-left: 10px;
	border-bottom: 1px solid #00458a; /*sovrascrive quello di h2*/
}

div.filterBox h2 label {
	cursor: text;
}
div.clearFilters {
	clear: both;
}

div#buttonsFilterBox {/*aggiunto*/
	clear: both;
}
div#buttonsFilterBox div#filtro-bottoniRicerca {
	width: 100%;
}
div#filtro-bottoniRicerca .ui-button {
    cursor: default;
}
div#filtro-bottoniRicerca .ui-button a {
    cursor: pointer;
}

.inputfield-button {
	display: inline-block;
	margin: 5px 10px 10px 10px;
	padding: 0 10px;
	cursor: pointer;
}

.inputfield-button em {
	display: inline-block;
	width: 16px;
	height: 14px;
	/*background-image: url('icone-Filtro/ui-icons_888888_256x240.png');
}

#bottoneCerca em, #bottoneCerca1 em {
	background-position: -160px -112px;
}

#azzeraCerca em, #azzeraCerca1 em {
	background-position: -176px -96px;*/
}

div.tmtmultiselect {
	width: 322px !important;/*width: 341px;*/
	height: 130px;
	border-bottom: 1px dotted #265380;
	margin-bottom: 10px;
	padding-top: 2px;
	font-size: 12px;
}
div.tmtmultiselect .selected, div.tmtmultiselect .available {
	width: 160px !important;/*width: 170px;*/
	height: 130px !important;
}
div.tmtmultiselect .selected .header, div.tmtmultiselect .available .header {
	width: 160px !important;/*width: 170px;*/
	height: 30px !important;
}
div.tmtmultiselect .selected .body, div.tmtmultiselect .available .body {
	height: 99px;
}
div.tmtmultiselect .available .header input {
	/* width: 80px; se l'attuale input hidden è in realtà visibile, va lasciato questo valore */
	width: 105px;
}
div.tmtmultiselect .available .header img {
	width: 16px;
	height: 16px;
	position: relative;
	right: 0px;
	top: 4px;
	margin-right: 8px;
}
div.tmtmultiselect label {
	color: #909090;
	font-style: italic;
	border: 1px solid #DDD;
	padding: 2px;
}
div.tmtmultiselect div.selected {
	border-left: 1px dotted #265380;/*border: 0px;*/
	float: left;
}
div.tmtmultiselect div.available {
	float: left;
	border-right: 1px dotted #265380;
}
/*div.tmtmultiselect div.selected, div.tmtmultiselect div.available {
	width: 50%;
	height: 130px;
}*/
/*div.tmtmultiselect div.selected div.header, div.tmtmultiselect div.available div.header {
	width: 100%;
	height: 30px;
}*/
/*div.tmtmultiselect div.selected div.body, div.tmtmultiselect div.available div.body {
	height: 99px;
}*/
div.tmtmultiselect div.header {
	border-bottom: 1px solid #265380;
}
div.tmtmultiselect div.header #removeall {
	position: relative;
	top: 6px;
	left: 5px;
}
div.tmtmultiselect div.header #counter {
	position: relative;
	top: 6px;
	left: 30px;
	color: #747576;
	padding: 3px 4px;
	border: 1px solid #ccc;
	font-size: 9px;
}
div.tmtmultiselect div.header #addall {
	position: relative;
	top: -1px;
	left: 2px;
}
div.tmtmultiselect div.header a, div.tmtmultiselect div.header a:link, div.tmtmultiselect div.header a:visited {
	color: #747576;
	font-size: 11px;
}
div.tmtmultiselect div.header a:hover {
	color: #ea680a;
}
div.tmtmultiselect div.body {
	overflow-y: scroll;
}
div.tmtmultiselect ul {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.tmtmultiselect ul li {
	list-style-type: none;
	background-color: #f2f2f2;
	position: relative;
	margin-bottom: 2px;
	border: 5px;
	padding: 3px;
}
div.tmtmultiselect ul li span {
	padding-right: 16px;
}
div.tmtmultiselect ul li:first-child {
    margin-top: 2px;
}
div.tmtmultiselect ul li img {
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 2px;
}

div.approvata div.hc-details-open-left {
	right: 30px;
}
div#detailSpesa div.hc-details {
    border: 2px solid #ffa500;
    height: 25px;
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #3f3f3f !important;
}
div.hc-details {
    border: 2px solid #ffa500;
    width: 220px !important;
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 10.5px !important;
	color: #3f3f3f !important;
}
div.hc-details p {
    text-align :left;
    margin-top : -15px;
}
.nano { min-height: 380px; }
.nano .content { padding: 10px; }
.nano .pane   { background: #888; }
.nano .slider { background: #111; }

ul.line-input 
{
    list-style-type: none;   
    padding: 0px;
    width: 100%;
}

ul.line-input li
{
    margin: 5px 5px 0px 0px;
}

ul.line-input a.line-input-add
{
    font-style:italic;
    text-decoration: underline;
    cursor: pointer;
    width: 100%;
}

ul.line-input span.line-input-delete
{
    font-weight:bold;
    cursor: pointer;
    margin-left: 5px;   
}

input[disabled="disabled"], select[disabled], .solalettura input
{
    background: #ebebe4;
}

/* Preferenze */
.informazioni-generali {
    float: left;
    width: 95%;
    margin-left: 3%;
}
.informazioni-generali .valore {
	float: left;
	margin-top: 5px;
	margin-bottom: 3px;
}
.informazioni-generali .valore select, .informazioni-generali .valore input {
	float: left;
	margin-bottom: 3px;
	margin-left:0px;
}
.informazioni-generali .label {
    clear: both;
	float: left;
	padding-top: 5px;
	margin-bottom: 3px;
	margin-left:6px;
	width:150px;
}
.informazioni-generali .label-valuta {
    clear: both;
	float: left;
	padding-top: 12px;
	margin-bottom: 3px;
	margin-left:6px;
	width:150px;
}
.preferenze-mail {
    float: left;
    width: 95%;
    margin-left: 3%;
}
.preferenze-mail .label {
    clear: both;
	float: left;
	display: block;
	padding-top: 10px;
}
.preferenze-mail .label input {
	display: block;
	float: left;
	clear: left;
	margin: 1px 6px 3px 6px;
}
.preferenze-mail .preferenze-field {
    margin-left: 25px;
}
.preferenze-mail-anticipi {
    float: left;
    width: 95%;
    margin-left: 3%;
}
.preferenze-mail-anticipi .label {
    clear: both;
	float: left;
	display: block;
	padding-top: 10px;
}
.preferenze-mail-anticipi .label input {
	display: block;
	float: left;
	clear: left;
	margin: 1px 6px 3px 6px;
}
.preferenze-mail-anticipi .preferenze-field {
   margin-left:25px;
}
.tabella-delegato {
    float: left;
    width: 95%;
    margin-left: 3%;
    padding-bottom: 45px; /*per sticky footer*/
}
.tabella-delegato .tasti {
    margin: 5px auto 5px 20px;
	display: inline-block;
	width: 100px;
}
.tabella-delegato .tasti .tasto-azione-piccolo {
	margin-left: 5px;
	display: inline-block;
}
.operatore-enable {
     background: #fff !important;
}

.tablehovercard
{
    font-weight: bold;
    font-size: 0.9em;
    padding-bottom: 5px;
}

.alert-info-cc
{
    height: 20px;
    width: 20px;
    background-image: url('../../Immagini/Icone/carta.png');
	background-repeat: no-repeat;
}

div#supporto-utenti {
    width: 705px;
    margin: auto;
    color: #003366;
    font-weight: bold;
}
div#supporto-utenti h4#titolo-supporto-utenti {
    font-size: 30px;
    text-shadow: 2px 2px #EEE;
    text-align: center;
    margin: 32px 0 16px 0;
    font-weight: bold;
}
div#supporto-utenti p#icona-supporto-utenti {
    position: relative;
    top: -149px;
    left: -40px;
    background-image: url('../../Immagini/Personalizzazioni/Loghi/UBS/supporto-utenti.png');
    width: 66px;
    height: 50px;
    margin: 0;
}
div#supporto-utenti div#elenco-supporto-utenti {
    width: 703px;
    height: 120px;
    border: 1px solid #646464;
    font-size: 16px;
    margin-top: 40px;
}
div#supporto-utenti div#elenco-supporto-utenti p.supporto-utenti-left {
    width: 505px;
    height: 20px;
    float: left;
    margin: 10px 10px 0 15px;
}
div#supporto-utenti div#elenco-supporto-utenti p.supporto-utenti-right {
    width: 143px;
    height: 20px;
    float: right;
    text-align: right;
    margin: 10px 20px 0 10px;
}
div#supporto-utenti div#elenco-supporto-utenti p.su-first-child,
div#supporto-utenti div#elenco-supporto-utenti p.su-first-child {
    margin-top: 20px;
}
div#supporto-utenti div#elenco-supporto-utenti p.su-last-child,
div#supporto-utenti div#elenco-supporto-utenti p.su-last-child {
    margin-bottom: 20px;
}

/*Reports*/
div.prime-cinque {
    width: 267px;
    float: left;
    margin: 10px 0 0 20px;
}
div.prime-cinque div.titolo-prime-cinque {
    width: 265px;
    border: 1px solid #00458A;
    background-color: #f2f2f2;
}
div.prime-cinque div.titolo-prime-cinque p {
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    height: 36px;
    margin: 5px;
}
div.prime-cinque div.prime-cinque-spese {
    width: 267px;
    height: 80px;
}
div.prime-cinque div.prime-cinque-spese p {
    height: 12px;
    margin: 2px 10px;
}
div.prime-cinque div.prime-cinque-spese p span.first {
    width: 20px;
    float: left;
}
div.prime-cinque div.prime-cinque-spese p span.second {
    width: 140px;
    margin-left: 2px;
    float: left;
}
div.prime-cinque div.prime-cinque-spese p span.third {
    width: 73px;
    margin-left: 5px;
    float: left;
    font-weight: bold;
}
div.prime-cinque div.prime-cinque-spese p.no_statistics {
    margin-left: 30px;
    margin-right: 30px;
}
div.led-filtri-attivi {
    margin-top: 18px;
    float: right;
    width: 72px;
    height: 25px;
}

#RadioButtonsSpan .label {
    display: inline;
}
#RadioButtonsSpan input {
   width: 20px;
}
.google-visualization-table-table {
    margin-left: auto !important;
}
#chart-table div div {
    width: 100% !important;
}
.esporta-csv {
    display: none;
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    right: 0px;
    background-image: url('../../Immagini/esporta-csv-mini.png');
}
.esporta-csv:hover {
    cursor: pointer;
}
.charts-inline-block.charts-custom-button-inner-box {
    padding-left: 0px;
    padding-right: 0px;
}
.google-visualization-table-page-numbers {
    display: inline !important;
    margin-left: 2px !important;
}
#chart-table div.charts-custom-button-collapse-right {
    width: 32px !important;
}
#chart-table div.charts-custom-button-collapse-left {
    width: 32px !important;
}
.google-visualization-table-div-page div.charts-custom-button-collapse-left img {
    margin-left: 24px;
}
.google-visualization-controls-rangefilter .google-visualization-controls-label {
    width: 80px;
    text-align: right;
}
#chart-filter2 {
    margin-top: 2px;   
}
#chart-filter2 .charts-inline-block {
    margin-left: 13px;
}

.textellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bottone-back
{
    text-decoration: none;
    color: #00458a;
}

.box-disabled
{
    opacity:0.5;
    filter:Alpha(opacity=50);
}

label.campo-obbligatorio:after {
	content: "*";
}