body,input,select,textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
body{
font-size:12px;
margin:10px;
padding:0;
background-color:#e4e4e4;
}
hr{
display:none;
}
#header, #corpo, #menu, #footer{
margin:0 auto;
}
#header, #principale{
background-color:#F2F2F2;
}
#header, #footer{
width:900px;
padding:10px;
}
#header{
height:80px;
position:relative;
background:#F2F2F2 url(../img/bg_header.png) no-repeat 0 0;
}
#menu{
background-color:#000066;
height:32px;
border-bottom:1px solid #fff;
position:relative;
z-index:2;
}
#corpo, #menu{
width:920px;
padding:0;
}
#corpo{
clear:both;
z-index:1;
}
#principale{
padding:10px;
}
#footer{
font-size:10px;
border-top:5px solid #000066;
text-align:center;
background:url(../img/bg_footer.png) no-repeat 0 0;
height:10px;
}
/****************/
#testoHeader{
float:right;
margin-top:50px;
text-align:right;
}
/****************/
ul{
margin:0;
padding:0 0 0 5px;
}
li{
list-style:none;
}
img{
border:0;
}
textarea{
font-size:12px;
}
/****************/
.formLogin{
font-size:12px;
}
#formLogin{
display:none;	
}
form{
margin:0;
padding:0;
}
input, select, textarea{
border:1px solid #CCCCCC;
padding:5px;
}
.button{
padding:5px;	
width: auto;
overflow: visible;
}
input:focus, select:focus{
background-color:#FFFFCC;
border:1px solid #77B2EE;
}
.formLogin label{
float:left;
width:150px;
display:block;
text-align:right;
margin-right:5px;
line-height:26px;
}
input.erroreCampo{
border:1px solid #f00;
}
#erroriForm, #noJavascript{
border:1px solid #f00;
padding:5px;
background-color: #FFE1E1;
margin-bottom:10px;
}
#erroriForm h3{
margin:0 0 5px 0;
padding:0;
}
#erroriForm li{
margin-bottom:5px;
}
#formLogin .noborder{
border:0;
}
#formLogin .labelCheckbox{
line-height:17px;
}
.tDettaglio td{
vertical-align:top;
}
.tInserimento label, .tDettaglio span, .asLabel{
text-align:right;
font-weight:bold;
}
.tInserimento label, .tDettaglio span, .normalSpan span{
display:block;
}
.normalSpan span, .tInserimento label{
text-align:left;
font-weight:bold;
}
/**********************************/
.aSx{
float: left;	
}
.aDx{
text-align:right;
/*float: right;*/
/*position: relative;*/
}
.normal, .normalBorder{
border-collapse: collapse;
width:100%;
}
.normal td, .normal th, .normalBorder td{
padding: 5px;
}
.normal td, .normal th{
border: 1px solid #fff;
}
.normalBorder{
border: 1px solid #000;
}
.sfondoDettaglio{
background-color: #ccc;
font-weight:bold;
}
.normal .col {background-color: #E4E4E4;}
.normal .col2 {background-color: #CCCCCC;}
.normalTh{
background-color: #000066;
}
.normalTh, .normalTh a{
color: #fff;
}
.noWidth100{
/*width:auto;*/
}
#loading{
position: absolute;
left:885px;
margin-top:-5px;
}
.title{
position:relative;
border-bottom: 1px dotted #000;
margin-bottom: 20px;
z-index:1;
}
.title h3{
display: inline;
font-size: 14px;
padding: 0;
margin: 0;	
}
.title a{
text-decoration:none;
color:#000;
}
.cAlign{
margin-bottom: 15px;
}
.clear{
clear: both;	
}
.filtra{
padding: 5px;
margin: 0 0 10px 0;
border: 1px dotted #ccc;
font-size:12px;
}
.filtra input, #homepageRicerca input{
padding:2px;
}
.filtra img, #homepageRicerca img{
/*vertical-align:middle;*/
margin:0;
padding:0;
}
.filtra select, .miniSelect{
padding:0;
}
.miniSelect{
border:1px solid #666;
}
.center{
text-align: center;
}
.right{
text-align: right;
}
.width20{
width:20px;	
}
.ulHomepage{
font-size: 14px;
}
.ulHomepage li{
padding: 5px;
}

#homepagePagine{
float:left;
width:400px;
}
#homepageRicerca{
margin-left:410px;
}
#homepageRicerca li{
margin-bottom:5px;
}
#homepageRicerca h3{
margin-bottom:5px;
font-size:14px;
}
#homepageRicerca label{
width:100px;
text-align:right;
display:block;
float:left;
margin-right:5px;
line-height:20px;
}
#tabQs{
float:right;
}
#tabQs input{
padding:2px;
margin: 5px 5px 0 0;
font-size:12px;
}
#qsResult{
position:absolute;
width:300px;
border:1px solid #ccc;
background-color:#fff;
top:31px;
left:618px;
z-index:100;
display:none;
}
#qsResult h4{
margin:0;
padding:4px;
background-color:#77B2EE;
text-align:right;
color:#fff;
font-size:14px;
z-index:100;
}
#qsResult ul{
padding:0;
margin-left:20px;
}
#qsResult li{
list-style-image:url(../img/li_generic.gif);
margin-bottom:2px;
}
#qsResult a{
text-decoration:none;
color:#000;
display:block;
padding:2px;
}
#qsResult a:hover{
background-color:#eee;	
}
#qsResult p{
padding:2px;
margin:0;
}
#tableFatture .noPadding{
padding: 0;
}
#tableFatture label{
display:block;
margin-bottom:5px;
font-weight:bold;
}
.vTop{
vertical-align:top;
}
.vMiddle{
vertical-align:middle;
}
.inScadenza td{
background-color:#FFC5A8;
}
.scaduta td{
background-color:#9CB5F3;
}
.disabled{
background-color:#fff;
color:#000;
}
#erroreCliente, #cliente_selezionato{
color:#f00;
font-weight:bold;
}
.autoSize{
width:90%;
}
.estero, .hide{
display:none;
}
.fatturaSpacing{
margin-bottom:8px;
}
.show{
display:inline;
}
/******* SPAZIO COLORI *******/
#ModuloHomepage #homepage, #ModuloClienti #clienti, #ModuloFatture #fatture, #ModuloUtenti #configurazione, #ModuloOpzioniSistema #configurazione{
background-color: #0909FF;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			32px; /* match top ul list item height */
	/*z-index:		99;*/ /* IE BUG */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu a {
	border-right:	1px solid #666;
	/*border-bottom:		1px solid #666;*/
	padding: 10px 20px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	font-weight:bold;
}
.sf-menu li {
	background:		#000066;
}
.sf-menu li li {
	background:		#000066;
}
.sf-menu li li li {
	background:		#000066;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#0909FF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	/*font: menu;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('img/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}




table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 80px;
	float: left;
}