/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 6pt;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  /*line-height: 1.5;*/
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle;

}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
   typography.css
   * Sets up some sensible default typography.
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.70 * 16px = 11.2px) */
body {
	color: #222;
	background: #BBB;
	font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 6pt;
	/*background: url("/images/scrigno2/home/domination_identitel.jpg") no-repeat 50%;*/
}

input, textarea, select, button {
	font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size:6pt;
    margin-top: 0px;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #0D324F; }

h1 { font-size: 2em; line-height: 1; margin: 0; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.1em; margin-bottom: 5px; margin-top: 10px; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0;}

#tele h2 { border-bottom: 1px solid #28618C; margin-bottom: 1em;}
.menu h3 {margin: 0;}


/* Text elements
-------------------------------------------------------------- */

#tele p           { margin: 0;}
#page p,
#full-page p      { margin: 0 0 1.5em; line-height: 1.5em; }
#page p.align-right,
#full-page p.align-right { text-align: right; }
#page form p,
#full-page form p { margin: 0 0 0.5em; line-height: 1.5em; }
p img.left        { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right       { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #5EA52B; }
a           { color: #28618C; text-decoration: underline; }

#footer-bar a  { color: #ffffff; text-decoration: none; padding: 10px;}

#tele ul li a {
	text-decoration: none; display: block;line-height: 1.8em;
	/*background: transparent url("/images/scrigno2/tele_arrow.png") no-repeat -15px 50%;
	padding-right: 10px;*/
}

#tele ul li a:hover {
	/*color: #0D324F;*/
	/*background: transparent url("/images/scrigno2/tele_arrow.png") no-repeat -292px 50%;*/
	text-decoration: underline;
}

#tele ul li {/*
	background:url('../images/scrigno2/bullet-green.gif') no-repeat left 9px;
	line-height: 1.2em;
	padding: 2px 0 2px 10px;*/
}


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

#tele ul {
	list-style-type: disc;
	margin-left: 20px;
	list-style-type: square;
	list-style-image: url("../images/bullet-green.gif");
	list-style-position: outside;
}


#full-page ul    { list-style-type: square; list-style-image: url("../images/bullet_square_green.png"); list-style-position: outside; }

#full-page ol    { list-style-type: decimal; list-style-image: none;}


#full-page ul li,
#full-page ol li { margin: 1em 2.5em; line-height: 1.5em; } /* like p elements */


#full-page ol.color li { color: #5EA52B; }
#full-page ol.color li p { color: #000; margin: 0; } 

/* Tables
-------------------------------------------------------------- */


th          { font-weight: bold; }
thead th 	{ background: #BBC7D5; color: #003366;}
/*th,td,caption { padding: 4px 10px 4px 5px; }*/
/*tr td  { background: #fff; }*/ /*#e5ecf9*/ /*Davide S. commentato #fff per non avere lo sfondo bianco nelle tabelle all'interno dei fieldset*/
tr.even td  { background: #EDEDED; /*#e5ecf9*/ }
tfoot       { font-style: italic; }
caption     { background: #eee; font-weight: bold; padding: 3px; margin: 0; }
th          { padding: 0.4em; }
td          { padding: 0.3em; }


/* Misc classes
-------------------------------------------------------------- */

.numero-verde {color: #5EA52B; font-weight: bold;}
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
table.expanded.small, table.expanded .small { font-size: 1em; margin-bottom: 1.875em; line-height: 1.875em; }

.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.avere		{ color: #0000CC; } /* testi blu */
.dare		{ color: #CC0000; } /* testi rossi */



/* -------------------------------------------------------------- 
   main.css
   * Sets up some sensible default typography.
-------------------------------------------------------------- */

#container {display: none;} /* fix per login inserita in #page */
* { outline: none;}

body { /* overflow-y: scroll; overflow-x: auto;*/	}
body.popup { overflow-x: hidden; overflow-y: scroll; background-color: #FFF; }
body.popup #page { width: 100% !important; }
body.popup #content { width: 100%; background-image: url(""); }

#head {
    background: rgba(0, 0, 0, 0) url("../images/head_bg.jpg") repeat-x scroll 0 0;
    height: 88px;
    text-align: center;
}
#head #logo {
    height: 40px;
}
#head #logo h1 {
    display: none;
}
#head #logo #controls {
    margin: 0 auto;
    padding-top: 0px;
    width: 1100px;
}
#head #logo #controls a { display: block; float: right; height: 50px; width: 50px;}
#head #logo #controls span {display: none;}
#head #logo #controls a#home {	background-color: transparent;	float: left; height: 50px; width: 300px;}
#head #logo #controls a#homeico			   {background: transparent	url("../images/home.png") no-repeat 0 0;}
#head #logo #controls a#homeico:hover		   {background: transparent	url("../images/home.png") no-repeat 0 -50px;}

#head #logo #controls a#help               {background: transparent url("../images/help.png") no-repeat 0 0;}
#head #logo #controls a#help:hover         {background: transparent url("../images/help.png") no-repeat 0 -50px;}
#head #logo #controls a#impostazioni       {background: transparent url("../images/impostazioni.png") no-repeat 0 0;}
#head #logo #controls a#impostazioni:hover {background: transparent url("../images/impostazioni.png") no-repeat 0 -50px;}


.esci
{background: transparent url("../images/esci.png") no-repeat 0 0;}

.esci:hover {background: transparent url("../images/esci.png") no-repeat 0 -50px;}

/* Menu ha un'altezza di 30px, per allinearlo in basso setto un margine superiore di 98-30 pixels */
#head .menu {vertical-align: bottom;}

#content {
	width: 1100px; margin: 0 auto;
	background-color:white;
	height: 400px; height: auto !important; min-height: 400px;
}
#content #tele {
	width: 197px; 
float: left;
	/*background-color: #e3e3e3;*/
	padding: 10px; margin-left: 16px;
/*	overflow: auto; 
	overflow-x: hidden;*/
}
/*#content #page { width: 708px; float: right; padding: 10px 2px; margin-right: 32px;}*/
#content #page { margin-left: 2px; margin-right:2px; padding: 2px 2px;}
#content #full-page {width: 900px; padding: 10px; margin: 0 auto;}
#content #home { width: 960px; margin: 0 auto;}
#content #page #faq { width: auto; min-width: 340px; position: absolute; top: 0; left: 0; margin: 0; padding: 20px; background-color: #FFF; }

	.full-width {width: 930px !important;}

#content .container { }
#content #context { border-bottom: 1px solid #28618C; margin-bottom: 1em; padding-top:10px; padding-left :10px;}
#content #context h2 { float: left; width: 98%;
}
#content #context #options { float: right; /*width: 20%;*/ text-align: right;}

#footer { width: 950px; margin: 10px auto;	text-align: center; color: #666;}
.footer_aligned {margin-top: 10px;}


.clearfix, #content #context { zoom: 1;}
.clearfix:after, .container:after, #content:after, #footer:after, #content #context:after {
  content: "\0020";  display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }
.clearfix, .container, #content {display: block;}
.clear { clear:both; }


/* TYPOGRAPHY */
h6#coordinate-beneficiario,
h6.coordinate-beneficiario,
h6#coordinate-bancarie,
h6.coordinate-bancarie {background: transparent url("/images/icons/card-bw.png") no-repeat scroll 4px top;}
h6.periodo {background: transparent url("/images/icons/calendar-selected-days-bw.png") no-repeat scroll 4px top;}
h6#segnalazioni,
h6.segnalazioni {background: transparent url("/images/icons/segnalazioni.png") no-repeat scroll 4px top;}
h6#operazioni,
h6.operazioni {background: transparent url("/images/icons/operazioni.png") no-repeat scroll 4px top;}
h6.causale {background: transparent url("/images/icons/causale.png") no-repeat scroll 4px top;}
h6.movimenti {background: transparent url("/images/icons/movimenti.png") no-repeat scroll 4px top;}
h6.saldi {background: transparent url("/images/icons/saldi.png") no-repeat scroll 4px top;}
h6.note {background: transparent url("/images/icons/note.png") no-repeat scroll 4px top;}
h6.domanda {background: transparent url("/images/icons/note.png") no-repeat scroll 4px top;}
h6.definizione {background: transparent url("/images/icons/note.png") no-repeat scroll 4px top;}

/* Imgs Layout*/
.layout img, .layout img {margin: 0px 20px;}

/*Fix Impostazioni preferiti */
div.first-level {border-bottom: 1px solid #DDD;}
div.second-level div.left {float: left; width: 300px; padding: 0px 0px 0px 210px;}
div.second-level div.right {float: left; width: 300px;}

/*Indentatura bullet list*/
#page .marginleft,
#full-page .marginleft { margin-left: 20px;}



/*Stile del <Thead> di una tabella riassuntiva (Es: dettaglio bonifico estero)*/
table.rowed-list > thead > tr > th, 
fieldset table.rowed-list > thead > tr > th {
	text-align: left; vertical-align: top; white-space: nowrap;
	width: 1%; color: default; background-color: transparent;
}
fieldset table.rowed-list > tbody > tr > th, 
fieldset table.rowed-list > tbody > tr > td {
	border-bottom: 1px solid #E1E1E1; /*con questo colore si vede la linea anche dentro i fieldset*/
	background-color: transparent;
}

/*classe per mandare a capo il contenuto di un <th> in una tabella riassuntiva*/
table.rowed-list > thead > tr > th.new-paragraph, 
fieldset table.rowed-list > thead > tr > th.new-paragraph {
	white-space: normal;
}

/* END ELEMENTI COMUNI */

/* **************************************** */
/* START STILI PER PARTICOLARI SEZIONI */

/* Trading On Line */

#TOL-box,  #TOL-alert-box
{
	-webkit-box-shadow: 0 2px 10px #888;
	-moz-box-shadow: 0 2px 10px #888;
}
#TOL-box { margin: 10px; padding: 10px; border:1px solid #F2F2F2;}
#TOL-box-content {  position: relative; overflow: hidden;margin: 10px 0px;}

#TOL-box-login{ position: absolute; right: 0; width: 410px; height: 355px; text-align: center;}

#TOL-box .TOL-content h3 {
	background: transparent url("/images/home/bg_news_title.png") repeat-x;
	color: #FFF; padding: 7px 0 7px 10px; margin: 0;
}

#TOL-box-login {
	border:1px solid #c3c3c3; padding:5px; width: 410px; height: 355px;
}

#TOL-alert-box{
	background: url("/images/home/bg_alert_box.png") repeat-x scroll left bottom #993333;
	border: 1px solid #FFAAAA; margin: 6px 0; padding: 6px;
	color: #fff;
}
#TOL-alert-box div.TOL-message {
	padding-left:20px;
	background:url("/images/home/alert_sign_white.png") no-repeat scroll 0 0 transparent;
}
#TOL-alert-box div.TOL-message h4 {
	color: #fff;
	font-weight: bold;
}
#TOL-alert-box div.TOL-message .data {font-style: italic;}
#TOL-alert-box ul {list-style: square inside none !important;}
#TOL-alert-box a {color: #fff;}
#TOL-alert-box a:hover {text-decoration: none;}




#TOL-warning-box {
	background:url("/images/home/bg_warning_box.png") repeat-x scroll 0 0 #F0E4AF;
	border:1px solid #FCB704; padding:5px; width: 410px; height: 355px;
}
#TOL-warning-box p { padding:1px 5px;}
#TOL-box .TOL-content #TOL-warning-box h3 {
	background:url("/images/home/message_sign.png") no-repeat scroll 5px 5px transparent;
	margin:0; padding:9px 0 16px 50px;
}
#TOL-box-content #TOL-warning-box h3, #TOL-box-content #TOL-warning-box h4 {color:#7E3F00; font-weight:bold;}
#TOL-warning-box a {color:#7E3F00; text-decoration:underline;}
.TOL-content #TOL-box-content p {color:#666666; margin:0 0 0.5em; }

/* FAQ & HELP */

div.FAQ_item div.domanda {}
div.FAQ_item div.risposta { padding: 10px;}
div.help_item div.corpo { padding: 10px;}


/* Table Expandable Tooltip */

table.expanded{ -moz-box-shadow:0 2px 10px #888; border:2px solid !important; border-collapse:collapse; margin: 0.5em 0.5em 0.5em -225px; position:relative; width:940px; z-index:1000; }
div.tableTooltip{-moz-box-shadow:0 2px 10px #888; border: 1px solid #999; background: #DDF ; color: #000; position: absolute; padding: 14px; right: 0px; top: -50px; float: right;}
div.temp_container {position: relative;}

/* **************************************** */
/* CASI PARTICOLARI */

.actions_large {margin: 20px; text-align: center;}
.button_large {
  padding: 5px 35px 5px 35px; border: 1px solid #666;
  font-weight: bold;  color:#000;  text-decoration:none;
  background: #dcdcdc url(icon.png) no-repeat scroll 5px center;
}

/* Classe "toolarge" da usare per diminuire la dimensione delle tabelle troppo voluminose */
table.toolarge {	white-space: wrap;}
table.toolarge > thead, table.toolarge > tbody
{
	font-size:0.8em;
	line-height:1.875em;
	margin-bottom:1.875em;
}
table.toolarge > thead {text-align: center;}

/* Classi inserite via jQuery per pagine troppo voluminose*/
.tele_midi {width: 160px !important;}
.page_midi {width: 750px !important;}




/* -------------------------------------------------------------- 

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
   
-------------------------------------------------------------- */

label       { font-weight: bold; color: #28618C; }

.segno-campo-obbligatorio,
label span { color: #c00; font-weight: normal;}

label img.campo-obbligatorio {
	width: 16px; height: 16px;
	background: transparent url("/images/campo-obbligatorio.gif") no-repeat;
}
fieldset,
fieldset fieldset {
	border-color: #5EA52B;
	border-style: solid;
}

fieldset {
	background-color: #F1F1F1;
	border-bottom-width: 2px; border-top-width: 2px;
	margin: 0 0 1.5em; padding: 1.4em;
}
legend      {
	background-color: #0D324F;
	color: #FFF; font-weight: bold;
	padding: 5px;
}
/*segno campi obbligatori in legend*/
legend span { color: #c00; font-weight: bold;}

fieldset fieldset {
	border-width: 1px;
	background-color: #fff; clear: both;
	margin: 30px 0 10px;
}
fieldset fieldset legend { background-color: #28618C; padding: 3px;}
fieldset.con-azioni { background: transparent url("/images/background_fieldset_con_azioni.png") repeat-x;}
fieldset fieldset.con-azioni {background: transparent url("/images/background_fieldset_fieldset_con_azioni.png") repeat-x;}

#page fieldset p {margin-bottom: 3px;}

.azioni-contestuali { text-align: right; padding: 0.5em; margin: -26px -1.4em 0.5em;}
.azioni-opzionali, 
.azioni-opzionali-top {
	background-color: #E3E3E3; border-top: 1px solid #CCC;
	margin: 1.4em -1.4em -1.4em; padding: 0.5em;
	clear: both;
}
.azioni-opzionali label, 
.azioni-opzionali-top label {font-weight: normal;}
.azioni-opzionali-top {border-bottom: 1px solid #CCC; margin: -1px 0 0 0;}



/* Table based form
-------------------------------------------------------------- */
table.form tbody td {width: 1%;}


/* One line form
-------------------------------------------------------------- */
fieldset.inline-fields p {float: left; width: 20%; white-space: nowrap;}
p.inline-fields {white-space: nowrap;}

fieldset.inline label,
fieldset.inline input,
fieldset.inline select {display: inline;}

/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title, 
textarea, select { background-color:#fff; border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { border-color:#666; }

input[type=text], input[type=password],
input.text, input.title,
textarea, select { margin: 0.2em 0; padding: 3px;
    width: 58px;
}
input[disabled=disabled] {border:1px solid #F0F0F0;}
input.textdisabled {border:0px; padding:2px; background:none; color:#000;}
textarea { /*width: 390px; height: 250px;*/ padding: 5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio {  /*position:relative; top:.25em; */}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative; border: 0; padding: 0;
	cursor: pointer; overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */}
button span { position: relative; display: block; white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */
	button span { margin-top: -1px;}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		

.buttonReset
{
    background-image: url(images/btnReset.gif);
}

.azioni-contestuali button {
	position: static; border: 0; padding: 3px 3px 3px 20px;
	cursor: pointer; overflow: visible;
	background-color: #bababa; border: 1px solid #999;
}
.azioni-contestuali button span {  position: static; display: inline;}
.azioni-contestuali button.search { background: #bababa url("/images/icons/magnifier.png") no-repeat 2px 2px; }
.azioni-contestuali button.save { background: #bababa url("/images/icons/note.png") no-repeat 2px 2px; }
.actions { padding: 0.5em; border-top: 1px solid #ccc;}
.actions .wizard {text-align: right;}

/* per i campi di tipo importo con parte intera e dicimale */
.inline-fields input {display: inline;}
.inline-fields label {display: block;}

/* Success, notice, info  and error boxes
-------------------------------------------------------------- */

.error p,
.info p,
.notice p, 
.success p  { margin: 0.2em 0 !important; }

.error,
.info,
.notice, 
.success    { padding: .8em; margin: 1em 0em 0em; border: 2px solid #ddd; }

input .error_field, input[type=text] .error_field, input[type=password] .error_field,
input.text .error_field, input.title .error_field, div .error_field
textarea .error_field, select .error_field, .error_field
	{ background: #FBE3E4 !important; color: #8a1f11 !important; border-color: #FBC2C4 !important;}
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.info       { background: #D3EDFF; color:#003366;  border-color:#BBC7D5;}
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.info  a    { color:#003366;  }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.error img { float: left; margin: 5px 5px 0 0; }

.mostra-intestazione img,
.nascondi-intestazione img {width: 16px; height: 16px; vertical-align: bottom;}
.mostra-intestazione span,
.nascondi-intestazione span {display: none;}
.mostra-intestazione img {background: transparent url("/images/icons/chevron-expand.png") no-repeat left;}
.nascondi-intestazione img {background: transparent url("/images/icons/chevron.png") no-repeat left;}

p.inline-view-option {
	font-size: 0.80em;
	padding-left: 15px;
	margin: 5px !important;
}
p.expand {background: transparent url("/images/icons/chevron-small-expand.png") no-repeat left;}
p.contract {background: transparent url("/images/icons/chevron-small.png") no-repeat left;}

#page .wizard ol {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	background: transparent url("/images/wizard/last_unactive.png") repeat-x right center;
	list-style-type: decimal;
}
#page .wizard ol.active {background: transparent url("/images/wizard/last_active.png") repeat-x right center;}

#page .wizard ol li { display: block; float: left; margin: 0; padding:5 px;}
#page .wizard ol li span { display: block; float: left; height: 31px; line-height: 31px; padding: 0 10px 0 5px;}
#page .wizard ol li span.left {padding: 0;}
.done,
.first-done,
.active,
.first-active {color: #fff;}

.done,
.first-done {background: transparent url("/images/wizard/bg_done.png") repeat-x left;}
.first-done .left {background: transparent url("/images/wizard/first_done_left.png") no-repeat left;  heigh: 31; width: 7px;}
.done .left {background: transparent url("/images/wizard/done_done.png") no-repeat left; heigh: 31; width: 16px;}

.active,
.first-active {background: transparent url("/images/wizard/bg_active.png") repeat-x left;}
.first-active .left {background: transparent url("/images/wizard/first_active_left.png") no-repeat left; heigh: 31; width: 7px;}
.active .left {background: transparent url("/images/wizard/middle_active_left.png") no-repeat left; heigh: 31; width: 16px;}

.unactive,
.first-unactive {background: transparent url("/images/wizard/bg_unactive.png") repeat-x left; color: #666;}
.unactive .left {background: transparent url("/images/wizard/middle_unactive.png") no-repeat left; heigh: 31; width: 16px;}
.first-unactive .left {background: transparent url("/images/wizard/middle_active_right.png") no-repeat left; heigh: 31; width: 16px;}

.contextualHelp img  {background: transparent url("/images/icons/contextual-tooltip.png") no-repeat left; heigh: 16; width: 16px; vertical-align: middle;}
.contextualHelp span {display: none;}

/* Compatibilità */
.input_giallo { background-color: #FBE3E4 !important; border: 1px solid #FBC2C4 !important;}

/* FIX */
#tele select {width: 180px; /*position:relative;*/}
#tele select.expandable {/*width: 350px;*/}
#tele.tele_midi select {width: 150px !important; position:relative;}




/*-------------- Luca ---------------------*/
#wrapper {width:100%; float:center; }

H6#coordinate-bancarie {
	BACKGROUND: url("../images/card-bw.png") no-repeat 4px top
}
H6.periodo {
	BACKGROUND: url("../images/calendar-selected-days-bw.png") no-repeat 4px top
}
H6#operazioni {
	BACKGROUND: url("../images/operazioni.png") no-repeat 4px top
}
P.expand {
	BACKGROUND: url("../images/chevron-small-expand.png") no-repeat left 50%
}
/*------- menu -------------*/

.menu {
	/*background: #1e90ff;*/
	width: 1100px;
	font-size: 13px;
	bottom:0px;
	margin: 12px auto;	
	margin-bottom: 0px;
	BACKGROUND: url('../images/nav-bg.png') repeat-x; HEIGHT: 34px;
}

.menu ul {
	list-style: none;
	margin: 0;	
}

/*
.menu ul  ul{
	list-style-type: disc;		
	list-style-image: url("../images/scrigno2/bullet-green.gif");
	list-style-position: outside;
	color:blue;

}
*/

/*#ulinner {		
	color: #28618C;	
}*/

.menu ul div div #bluebar
{
	height:30px; 
	background: none;
	background-color: #ccd9e0; 
	padding:0px;
	width:100%;
	margin-bottom:10px;
}

#ulinner  li {
	background:url('../images/bullet-green.gif') no-repeat left 9px;
	padding-left :10px;
	position: inherit;
	display: block;
	margin-left:10px;
}

.menu li {
	float: left;
	position: relative;		
	font-size:8pt;
}


.menu a {
	color: #fff;
	display: block;
	line-height: 34px;
	padding: 0 10px;
	text-decoration: none;	
	border-right : 1px black solid;
	font-size:8pt;
}

.menu ul div /*ul*/ {
	display: none;
	position: absolute;
	/*top: 34px;
	left: 5;
	float: left;*/
	width: 180px;
	z-index: 99990;	
	/*border:7px solid #c6c6c6;*/
	text-align: left;	
	color: #28618C;	
	/*background-color:white;*/
	padding:10px;	
	float:center;
	text-align:center;
	BACKGROUND: url('../images/bkg_div.png');
}

.menu ul div div
{
	position: relative;
	/*border:2px solid #060606;*/
	background-color: white;
	width: 170px;	
	text-align:left;
	height:auto;
	z-index: 99999;
	BACKGROUND: url('../images/bkg_white.png');
	padding:0px;
	margin-top:0px;
}


.menu ul ul li {
	min-width: 180px;	
}

.menu ul ul ul {
	left: 100%;
	top: 0;	
}


.menu ul ul a {
	/*background: #fff;*/
	line-height: 1em;
	/*padding-left: 10px;*/
	padding : 5px;
	width: 160px;
	height: auto;
	color: #28618C;
	border: 0px;
}

.menu li:hover > a
{
	BACKGROUND: url('../images/nav-hover.png') repeat-x; 
	/*background: #0f0;*/
	color: #fff;
}

.menu ul ul :hover > a {
	/*background: #fff;*/
	/*background:url('../images/scrigno2/bullet-green.gif') no-repeat left 9px;*/
	background : none;
	color: #5EA52B;

}

.menu ul li:hover > div ,
.menu ul li:hover > div div,
.menu ul li:hover > div  div ul {
	display: block;	
}


.mostra-intestazione IMG {
	WIDTH: 16px; HEIGHT: 16px; VERTICAL-ALIGN: bottom
}
.nascondi-intestazione IMG {
	WIDTH: 16px; HEIGHT: 16px; VERTICAL-ALIGN: bottom
}
.mostra-intestazione SPAN {
	DISPLAY: none
}
.nascondi-intestazione SPAN {
	DISPLAY: none
}
.mostra-intestazione IMG {	BACKGROUND: url(../images/chevron-expand.png) no-repeat left 50%
}

/***************************************************************************************/
/*Table.css */
/****************************************************************************************/
th { text-align: center;}

th 	{ background: #BBC7D5; color: #003366;}
/*th,td,caption { padding: 4px 10px 4px 5px; }*/
/*tr td  { background: #fff; }*/ /*#e5ecf9*/ /*Davide S. commentato #fff per non avere lo sfondo bianco nelle tabelle all'interno dei fieldset*/
tr.even td  { background: #EDEDED; /*#e5ecf9*/ }

tr.odd td  { background: #ffffff; }

td.data, td.centrato, td.esito {
	text-align: center;
}

td.bytes {
	text-align: right;
}

td.importo {
	text-align: right;
	white-space: nowrap;
}

td.testo {
	text-align: left;
}

td.testo span {
	display: block;
	color: #003366;
}

td.testo .descrizione {
	color: #003366;
}

td.valuta {
	text-align: left;
}

td.cf {
	text-align: right;
}

td.cf span {
	color: #FF0000;
}

table.cc {
	
	border: 1px solid #999999;
	border-collapse: collapse;
    width:100%;
}

table.cc {
	border: 1px solid #999999;
}

table.cc td {
	border-bottom: 0 none;
	border-left: 1px solid #999999;
	border-top: 0 none;
}

table.light th {background-color: #e2e2e2;     	border: 1px solid #999999;
	border-collapse: collapse;}

table.cc tbody tr.saldo td {
	background-color: #CCCCCC;
	font-weight: bold;
	border-bottom: 1px solid #999999;
}

table.cc tbody tr.totale-movimenti td {
	background-color: #CCCC99;
	font-weight: bold;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

table.cc tbody tr.saldo td.totale,
table.cc tbody tr.totale-movimenti td.totale {
	white-space: nowrap;
	text-align: right;
	width: 20%;
}

table.vispo tbody tr td {
	border-bottom: 1px solid #999999;
}

table.selectable tbody tr td:first-child {
	text-align: center;
}

table.selectable tbody tr td.selected {
	background-color: #99CCFF;
}

#intestazione-cc table {
	margin: 0;
}

table.rowed-list table {
	width: auto;
}

table.rowed-list > thead > tr > th, 
table.rowed-list > tbody > tr > th {
	width: 1%;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	background-color: #FFFFFF;
	border-bottom: 1px solid #F1F1F1;
	    	border: 1px solid #999999;
	border-collapse: collapse;
}
table.cols2 > thead > tr > th, 
table.cols2 > tbody > tr > th,
table.cols2 > tbody > tr > td
{width: 49%;}
table.cols3 > thead > tr > th, 
table.cols3 > tbody > tr > th,
table.cols3 > tbody > tr > td
{width: 32%;}
.hilite
{background-color: #F2F2F2;}

.legenda {
	
}

.legenda .row {
    border-bottom: 1px solid #CCC;
    padding: 0.2em 0;
}

#page .legenda ul li {margin: 0;}

#page .legenda ul li p {
	border-bottom: 1px dotted #ccc;
	margin: 3px;
	padding-bottom: 4px;
}

#page .legenda ul li p span {
    margin-right: 2em;
    float: left;
    text-align: center;
    padding: 0.1em;
    width: 11em;
}

/* width: 90px; text-align: center; padding: 2px; margin-right: 10px; float: left; */

.autorizzato, .inoltrato,
tr.even td.autorizzato, tr.even td.inoltrato,
tr.odd td.autorizzato, tr.odd td.inoltrato { 
	background-color: #D6D6D6 !important;
}

.annullato,
tr.even td.annullato,
tr.odd td.annullato {
	background-color: #EC9393 !important;
}

.daContabilizzar, .esecuzione,
tr.even td.daContabilizzar, tr.even td.esecuzione,
tr.odd td.daContabilizzar, tr.odd td.esecuzione {
	background-color: #FBCD52 !important;
}

.addebitato, .eseguito,
tr.even td.addebitato, tr.even td.eseguito,
tr.odd td.addebitato, tr.odd td.eseguito {
	background-color: #77D04D !important;
}

.inserito,
tr.even td.inserito,
tr.odd td.inserito {
	background-color: #9CF !important;
}

.stornato,
tr.even td.stornato,
tr.odd td.stornato {
	background-color: #C9C !important;
}

.pagata,
tr.even td.pagata,
tr.odd td.pagata {
	background-color: #F2F2F2 !important;
}

.nonpagata,
tr.even td.nonpagata,
tr.odd td.nonpagata {
	background-color: #FFCC00 !important;
}

.futura,
tr.even td.futura,
tr.odd td.futura {
	background-color: #99CCFF !important;
}

.particolare,
tr.even td.particolare,
tr.odd td.particolare {
	background-color: #99AABB !important;
}

.pagataritardo,
tr.even td.pagataritardo,
tr.odd td.pagataritardo{
	background-color: #EC9393 !important;
}

table.selectable thead tr th:first-child {width: 4%;}
table.selectable tbody tr td:first-child {text-align: center;}
table.selectable tbody tr td.selected {background-color: #99ccff; !important}

#intestazione-cc table {margin: 0;}

/* Compatibilità */

.td_cont_s, .td_generico_s {text-align: left;}
.td_cont_c, .td_generico_c {text-align: center;}
.td_cont_d, .td_generico_d {text-align: right;}

.languages {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.languages A {
	PADDING-RIGHT: 5px
}

.padder {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}

.ctrlPanel {
	BORDER-BOTTOM: #d4d4d4 1px solid; BORDER-LEFT: #d4d4d4 1px solid; BACKGROUND-COLOR: #fff; MARGIN-BOTTOM: 15px; BORDER-TOP: #d4d4d4 1px solid; BORDER-RIGHT: #d4d4d4 1px solid; -moz-box-shadow: 0 2px 10px #888888; -webkit-box-shadow: 0 2px 10px #888888
}
.ctrlPanel H3 {
	PADDING-BOTTOM: 7px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url(/images/bg_control_panel_title.png) repeat-x; COLOR: #ffffff; PADDING-TOP: 7px; text-shadow: 2px 2px 2px #000000
}
.ctrlPanel A:focus {
	COLOR: #888260
}
.ctrlPanel A:hover {
	COLOR: #888260
}
.ctrlPanel A {
	COLOR: #4c4936; TEXT-DECORATION: underline
}



.pager
{
    margin-top:0px;
    background-color:#cccc99;
    background-color: #cccccc;
    border: 1px solid #999999;

    padding-left: 0.4em;
    padding-right: 0.4em;
    height:22px;
}
.pager a
{
    margin-right:5px;
   
}

.detailHeader
{
    vertical-align: middle;  
    font-weight: bold; 
    background: #BBC7D5; 
    color: #003366;
    padding: 5px;
    border: 1px solid #999999;
    margin: 10px;
}

.even
{
    background:#ededed;
}

.impTd
{
    color:Red
}

.flag
{
 padding:0px !important;
 display:inline !important;   
}

.detailsHeader
{   
     border: 5px solid white;
     padding:10px;
     background-color:#e3e3e3;
}

.detailsHeaderFixedWidth
{   
     border: 5px solid white;
     padding:10px;
     background-color:#e3e3e3;
     width:100px;
}

.detailsView
{
    margin-top:20px;
    margin-left:-10px;
}

.detailsView input
{
    display:inline;
}

.detailsView a
{
    text-decoration:none;
   font-weight:bold;
}

.BackgroundCssClass 
{ 
        background-color: Gray; 
        filter: alpha(opacity=70); 
        opacity: 0.7; 
        -moz-opacity: 0.7; 
}

.panelNota
{
     margin:20px;
    
    
}

.tbPanel th
{
 text-align:left;
 font-size:11px;
}

.tbPanel td
{
 text-align:left;
 font-size:11px;
}

.headerId
{
 display:inline-block;
 
}

.headerId ul
{
   list-style-type:none;
   margin-left:0px;
   padding:0px;
}

.headerId ul li
{
 background-color:#bbc7d5; 
 color: #003366;
 padding:5px;   
 margin: 0px 2px 0px 0px;
 float: left;
 font-weight:bold;
 cursor:pointer;
}

.headerId ul li:hover
{
    background-color:#bbb;
}
.userdata
{
    float:right;  text-align:right; margin-right:20px; color:White;
}

.ContentDIV
{
     display:table;
     float:left;
     min-width:100%;
}

.cc th
{
    border: 1px solid #999999;
	border-collapse: collapse;   
}

.center
{
   text-align:center;   
}

#welcome .padder{
	padding-top: 5px; margin-left: 0px; padding:5px;
}
#home #page #welcome p {
	padding: 2px; margin-left: 40px;
}
#welcome h4 {
	padding-top: 10px; margin-left: 40px;
}
#welcome h3 {
	background: url("../images/bg_news_title.png") repeat-x; margin: 0px; padding: 7px 0px 7px 10px; color: rgb(255, 255, 255); text-shadow: 2px 2px 2px #000000;
}
#welcome {
    margin-top:10px;
	border: 1px solid rgb(212, 212, 212); background-color: rgb(255, 255, 255); -moz-box-shadow: 0 2px 10px #888888; -webkit-box-shadow: 0 2px 10px #888888;
}

.btnFilter
{
 margin-top:5px;
}

.btnFilter a
{
 margin-right:20px;
}

.cc .impGrid
{
  text-align:right;   
}

.btnSearch
{
        background-image: url(../images/search.png);
}

.btnReset
{
        background-image: url(../images/reset.png);
}

.btnDelete
{
        background-image: url(../images/reset.png);
}

.btnUpdate
{
        background-image: url(../images/save.png);
}

.btnClose
{
        background-image: url(../images/reset.png);
}

.btnModify
{
        background-image: url(../images/modify.png);
}

.btnAdd 
{
        background-image: url(../images/insert.png);
}

.btnInsert
{
        background-image: url(../images/save.png);
}

.btnSend
{
        background-image: url(../images/send.png);
}

.btnCancel
{
        background-image: url(../images/back.png);
}

.btnPrint
{
        background-image: url(../images/print.png);
}

.btnBack
{
        background-image: url(../images/back.png);
}

.btnGeo
{
    background-image: url(../images/geo.png);

}


.btnSvaggy
{
    background-image: url(../images/svaggy.png);

}

.btnMail
{
        background-image: url(../images/send.png);
}

.btnRefresh
{
        background-image: url(../images/refresh.png);
}

.btnExport
{
        background-image: url(../images/excel.png);
}

.btnPdf
{
        background-image: url(../images/pdf.png);
}

.btnWorkflow
{
        background-image: url(../images/workflow.png);
}

.btnInvoice
{
        background-image: url(/images/invoice.png);
}




.btnMcS:hover
{
    color:#28618c;
}


.btnMcS
{
    -webkit-appearance: none;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-writing-mode: horizontal-tb;
    align-items: flex-start;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(186, 186, 186);

    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(153, 153, 153);
    border-bottom-style: solid;
    border-bottom-width: 0.800000011920929px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(153, 153, 153);
    border-left-style: solid;
    border-left-width: 0.800000011920929px;
    border-right-color: rgb(153, 153, 153);
    border-right-style: solid;
    border-right-width: 0.800000011920929px;
    border-top-color: rgb(153, 153, 153);
    border-top-style: solid;
    border-top-width: 0.800000011920929px;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    cursor: pointer;
    display: inline-block;
    font-family: 'Lucida Grande', 'Bitstream Vera Sans', Verdana, Helvetica, Arial, sans-serif;
    font-size: 11.1999998092651px;
    font-style: normal;
    font-weight: normal;
    height: 21.2000007629395px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    outline-color: rgb(0, 0, 0);
    outline-style: none;
    outline-width: 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 3px;
    padding-left: 25px;
    padding-right: 8px;
    padding-top: 3px;
    position: static;
    text-align: center;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    word-spacing: 0px;
    writing-mode: lr-tb;
      text-decoration: none;
}

.btnNoText
{
     padding-left:13px;
}

.tbCenter td
{
    text-align:center;
}

.thRelevant
{
    background-color:orange;
    color:white;
    font-weight:bold;
    
}

tb.tbInternalFields tr th
{
    background-color:orange;
    color:white;
    font-weight:bold;
    text-align:left;
}

tr.margin-white td {
  border-bottom:3pt solid white;
}

tr.margin-white th {
  border-bottom:3pt solid white;
}


.thInsideDetailsView
{
    background-color:#e3e3e3;
    color:black;
    padding:10px;
}

.menuDetailsView
{
    margin-top:10px;
    background-color:#e9e9e9;
    padding:10px;
    padding-right:0px;
    text-align:right;
}

    .modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }

.alert {
	border: 1px solid rgb(212, 212, 212); box-shadow: 0px 2px 10px #888888;
    background-color:white;
}

.alert h5 {
	background: url("../images/bg_alertH5.png") repeat-x; margin: 0px; padding: 7px 0px 7px 10px; color: rgb(255, 255, 255); text-shadow: 2px 2px 2px #000000;
}

.alert-box {
	background: url("../images/bg_alert_box.png") repeat-x left bottom rgb(153, 51, 51); 
	padding: 0px 5px 0px 5px;
	margin-bottom:2px;
}

.alert-box p {
	color: rgb(255, 255, 255);
	font-size:small;
	padding-bottom:10px;
	padding-top:10px;
    margin-bottom :0px;
}

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
    z-index:999;
}


.modalPopup2
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    width: 700px;
    height: 280px;
     z-index:999
}

.noticePopup
{
    margin:0px;
    font-size:20px;
 
}


.minSpaceTable tr th 
{
    padding-top:0px;
    padding-bottom:0px;
    padding-right:8px;
}

.minSpaceTable tr td
{
    padding-top:0px;
    padding-bottom:0px;
    padding-right:8px;
}

.login
{
    padding:20px;
}

.summaryRow td
{
    
 
    background-color:#CCCC99;
}

    .completionList {
    border:solid 1px #444444;
    margin:0px;
    padding:2px;
    max-height:200px;
    overflow:auto;
    background-color: #FFFFFF;
    width:230px !important;
    }

    .listItem {
    color: #1C1C1C;
    }

    .itemHighlighted {
    background-color: #bbb;
    }

    
.collapsiblePanel
{
    padding-bottom:10px;
    font-weight:bold;
    font-size:8pt;
}

.collapsibleHeader
{  
    padding:0.7em;
    background-color: #cccccc;
    border: 1px solid #999999;
 
}

.entityDetail
{
    vertical-align: top;
position: absolute;
right: 0px;
top: 52px;

}
.panelMcS
{
    background-color: #fff;
    text-align:center;
    padding-bottom: 20px;
    float: left;
    -webkit-box-shadow: 0 2px 10px #888888;
    z-index:999;
    min-width:400px;
}
.panelMcS h3 
{
    background: transparent url("/images/bg_news_title.png") repeat-x;
    color: #FFFFFF;
    padding: 7px 0 7px 10px;
    text-shadow: 2px 2px 2px #000000;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}

.uploader
{
    width:150px !important;
}

#panelFont10
{
    padding:20px;
}

#panelFont10 td
{
    font-size:10px;
}

#panelFont10 input
{
    font-size:10px;
}

.btnPopUpClose{
        position: absolute;
        top: 4px;
        right: 5px;
        padding-left:6px;
        width:22px;
}

#page h6, #full-page h6 {
    margin: 15px 0 5px;
    border-bottom: 1px solid #ccc;
    line-height: 18px;
    padding-left: 25px;
}

.detailbox .padder{
	padding-top: 5px; margin-left: 0px; padding:5px;
}
#home #page .detailbox p {
	padding: 2px; margin-left: 40px;
}
.detailbox h4 {
	padding-top: 10px; margin-left: 40px;
}
.detailbox h3 {
	background: url("../images/bg_news_title.png") repeat-x; margin: 0px; padding: 7px 0px 7px 10px; color: rgb(255, 255, 255); text-shadow: 2px 2px 2px #000000;
}
.detailbox {

	border: 1px solid rgb(212, 212, 212); background-color: rgb(255, 255, 255); -moz-box-shadow: 0 2px 10px #888888; -webkit-box-shadow: 0 2px 10px #888888;
}

.environment_span {
    font-size: 10pt;
    color: #90bc1a;
}